html5页面飘落蒲公英动画特效代码

博客趣

修改于 2024-01-12 17:16:34

850

修改于 2024-01-12 17:16:34

文章被收录于专栏：博客趣博客趣

　　html5页面飘落蒲公英动画特效代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>超酷炫html5页面飘落蒲公英动画特效</title>
<meta name="description" content="html5超酷炫的页面飘落蒲公英动画，别人都飘雪，咱们开始飘蒲公英啦! " />
<style type="text/css">
body.custom-background {
	background-image:url(?developer/article/2378120/&);
	background-size:100% 100%;
	background-repeat:no-repeat;
	background-position:top left;
	background-attachment:fixed;
}
</style>
<script type="text/javascript" src="http://www.bokequ.com/show/demo/jquery.min.js"></script>
</head>
<body class="custom-background">
<div class="snow-container" style="position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100001;"></div>
<script type="text/javascript" src="http://www.bokequ.com/show/demo/all.js"></script>
</body>
</html>

演示效果http://www.bokequ.com/show/demo/

本文系转载，前往查看

如有侵权，请联系?cloudcommunity@tencent.com 删除。

博客搭建