定义一个id为snow的元素

 

 

这段代码定义了一个名为"snow"的CSS样式,该样式将被应用于某个HTML元素上。这个元素将会在页面上固定位置,并且铺满整个视口(viewport)。

该元素的背景使用两张图片,即"snow1.png"和"snow2.png"。这两张图片将会以线性无限循环的方式(infinite)沿着页面的斜对角线方向飘落。

这里使用了关键帧动画(keyframes animation),其中定义了一个名为"snow"的动画,以及一个"-webkit-snow"的动画(兼容WebKit内核的浏览器)。这两个动画使用相同的规则:通过改变背景图片的位置,模拟雪花从天上落下的效果。其中,初始位置为0 0,终止位置为500px 1000px和500px 500px。

更多推荐