CSS 实现雪花飘落

教程大全  / 只看大图  / 倒序浏览   ©

#楼主# 2020-2-17

跳转到指定楼层

马上注册,分享更多源码,享用更多功能,让你轻松玩转云大陆。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x

先下载两张雪花图片

174502e4x4lnfjyndjd4lf.png
174502agqs4bqgzz9g9f89.png

接下来是css代码

body{
     background: #000;
  }

        #snow{

            position: fixed;

            left: 0;

            top: 0;

            right: 0;

            bottom: 0;

            background: url('snow1.png'),  url('snow2.png');

            animation: snow 15s linear infinite;

        }

        @keyframes snow{

0% {

background-position: 0 0, 0 0;

}

100% {
background-position: 500px 1000px, 500px 500px;

}
}

最后在html代码中添加一个div

   


运行看效果

174502kv9e00ggqfg3m4yg.png

查看雪花效果

分享淘帖
回复

使用道具

您的回复是对作者最大的奖励

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关于作者

Y_ebee

新手猿

  • 主题

    11

  • 帖子

    11

  • 关注者

    0

Archiver|手机版|小黑屋|云大陆 | 赣ICP备18008958号-4|网站地图
Powered by vrarz.com!  © 2019-2020版权所有云大陆