当前位置 CSS模版园 >> 酷炫特效 >> 纯js实现不影响网页点击效果的网页下雪插件

纯js实现不影响网页点击效果的网页下雪插件

纯js实现不影响网页点击效果的网页下雪插件

纯js实现不影响网页点击效果的网页下雪插件,超唯美的感觉

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>纯js实现不影响网页点击效果的网页下雪插件 - CSS模板园(www.cssteach.com)</title>
<style>
*{margin:0;padding:0;list-style:none;}
html,body{height:100%;}
body{background: url(images/bg.jpg) no-repeat center center;background-size:cover;}
/* 以下是CSS3样式,适合高版本浏览器 */
.Snowflake{animation:linear spin infinite 20s;-webkit-animation:linear spin infinite 20s;-moz-animation:linear spin infinite 20s;pointer-events:none;}
@keyframes spin{
0% {transform:rotate(0deg);}
100% {transform:rotate(359deg);}
}
@-webkit-keyframes spin{
0% {-webkit-transform:rotate(0deg);}
100% {-webkit-transform:rotate(359deg);}
}
@-moz-keyframes spin{
0% {-moz-transform:rotate(0deg);}
100% {-moz-transform:rotate(359deg);}
}
</style>
</head>
<body>
<div id="snowbox" style="width:100%;height:100%;margin:0;padding:0;overflow:hidden;position:relative"></div>

<script src="js/snowflake.js"></script>
<script>
createSnow('', 200);
</script>
</body>
</html>

 

声明本站所有资源仅供学习与参考,请勿用于商业用途。转载请注明来自:cssteach.com

原文http://cssteach.com/html/show-13-38.html

推荐模版

热门网站模版

猜您喜欢

热门网站模版

热门网站模版

评论

若文章内容有错误或无法下载,请在回复中说明(可无需登录,直接评论)