3D雪花特效

允我心安 提交于 2020-03-08 04:40:52

话不多说,直接上效果图:
在这里插入图片描述
代码如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>3D雪花</title>
    <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/1.7.2/jquery.min.js"></script>
    <script src="./snow.js"></script>
    <style type="text/css">
    body{
        background-color: rgb(178, 166, 231);
    }
    .snow {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        z-index: 9999;
    }
    </style>
</head>
<body>
    <div class="snow"></div>
</body>
</html>

snow.js文件点这里。以上代码可直接复制看效果,但snow.js文件位置需自行引入。

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!