<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML5鼠标经过字母动画特效 - 网页模板</title>
<link href="https://fonts.googleapis.com/css?family=Nunito:400,700|Days+One" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/normalize.css" />
<link rel="stylesheet" type="text/css" href="css/demo.css" />
<link rel="stylesheet" type="text/css" href="css/kidnap.css" />
<script>document.documentElement.className="js";var supportsCssVars=function(){var e,t=document.createElement("style");return t.innerHTML="root: { --tmp-var: bold; }",document.head.appendChild(t),e=!!(window.CSS&&window.CSS.supports&&window.CSS.supports("font-weight","var(--tmp-var)")),t.parentNode.removeChild(t),e};supportsCssVars()||alert("Please view this demo in a modern browser that supports CSS Variables.");</script>
</head>
<body class="demo-kidnap loading">
<svg class="hidden">
<symbol id="icon-arrow" viewBox="0 0 24 24">
<title>arrow</title>
<polygon points="6.3,12.8 20.9,12.8 20.9,11.2 6.3,11.2 10.2,7.2 9,6 3.1,12 9,18 10.2,16.8 "/>
</symbol>
<symbol id="icon-drop" viewBox="0 0 24 24">
<title>drop</title>
<path d="M12,21c-3.6,0-6.6-3-6.6-6.6C5.4,11,10.8,4,11.4,3.2C11.6,3.1,11.8,3,12,3s0.4,0.1,0.6,0.3c0.6,0.8,6.1,7.8,6.1,11.2C18.6,18.1,15.6,21,12,21zM12,4.8c-1.8,2.4-5.2,7.4-5.2,9.6c0,2.9,2.3,5.2,5.2,5.2s5.2-2.3,5.2-5.2C17.2,12.2,13.8,7.3,12,4.8z"/><path d="M12,18.2c-0.4,0-0.7-0.3-0.7-0.7s0.3-0.7,0.7-0.7c1.3,0,2.4-1.1,2.4-2.4c0-0.4,0.3-0.7,0.7-0.7c0.4,0,0.7,0.3,0.7,0.7C15.8,16.5,14.1,18.2,12,18.2z"/>
</symbol>
</svg>
<main>
<div class="content content--fixed">
<nav class="demos">
<a class="demo" href="index.html"><span>Magneto</span></a>
<a class="demo demo--current" href="kidnap.html"><span>Kidnap</span></a>
<a class="demo" href="redraw.html"><span>Redraw</span></a>
<a class="demo" href="swing.html"><span>Swing</span></a>
</nav>
<p class="deco">Leve fit, quod bene fertur, onus.</p>
</div>
<section class="content content--layout">
<h2 class="word word--kidnap" data-image-death="img/death.svg" data-images-char-1="img/r1.png,img/r2.png,img/r3.png" data-images-char-2="img/a1.png,img/a2.png,img/a3.png" data-images-char-3="img/n1.png,img/n2.png,img/n3.png" data-images-char-4="img/s1.png,img/s2.png,img/s3.png" data-images-char-5="img/o1.png,img/o2.png,img/o3.png" data-images-char-6="img/m1.png,img/m2.png,img/m3.png" data-background-colors="#f5a4bf,#336ff0,#ffea9e,#33beff,#a5d613,#f89a53">ransom</h2>
</section>
</main>
<script src="js/imagesloaded.pkgd.min.js"></script>
<script src="js/charming.min.js"></script>
<script src="js/demo.js"></script>
<script src="js/demo2.js"></script>
</body>
</html>
HTML5鼠标经过字母动画特效.zip
版权申诉
116 浏览量
2022-11-18
22:14:03
上传
评论
收藏 412KB ZIP 举报
HTML5鼠标经过字母动画特效.zip （39个子文件） 
HTML5鼠标经过字母动画特效 
HTML5鼠标经过字母动画特效.jpg 24KB jiaoben5149 css 
kidnap.css 206B swing.css 1KB redraw.css 529B demo.css 6KB magneto.css 564B normalize.css 2KB img 
noise.gif 240KB
n1.png 10KB o2.png 6KB r1.png 7KB m3.png 15KB o3.png 7KB s2.png 12KB a2.png 8KB r2.png 3KB a3.png 8KB m2.png 7KB s3.png 6KB
death.svg 3KB r3.png 2KB n2.png 450B m1.png 13KB a1.png 8KB o1.png 7KB s1.png 6KB n3.png 4KB
index.html 2KB js demo4.js 3KB anime.min.js 11KB demo2.js 5KB demo.js 599B demo1.js 5KB demo3.js 5KB charming.min.js 527B imagesloaded.pkgd.min.js 5KB swing.html 2KB kidnap.html 3KB redraw.html 3KB资源评论
芝麻粒儿
- 粉丝: 6w+
- 资源: 2万+
