JavaScript实现雪花飘落效果

最新推荐文章于 2024-10-15 11:23:39 发布

AR.K

最新推荐文章于 2024-10-15 11:23:39 发布

阅读量1.3k

点赞数 1

CC 4.0 BY-SA版权

文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/qq_46568518/article/details/121460959

首先上效果

Document - Google Chrome 2021-11-21 20-35-49

我们第一步就是把上次的代码给它Ctrl+c / Ctrl+v (这里严重声明一下，我们能当裁缝就当裁缝，不像某些牛天天卷)然后把里面的星星图案给他换成雪花
这里我们用了一个函数来执行这个效果，使参数为元素数量，通过改变x的值就可以直接改变元素数量。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        @import url(https://at.alicdn.com/t/font_2949316_52on5r8j54b.css);
        body{
   
   
            background: #1ec7c7;
        }
    </style>
</head>
<body