CSS动画雪

虽然 在页面上放动画的雪，无论是来自我们还是来自客户，这听起来像是一种比其他任何事物都古老的设计实践，事实是 animación 我们这次呈现的是优雅的海洋。 而且您不需要JavaScript，这很简单 CSS3.

首先要看一看 动画.

看起来还不错吧？ 为了付诸实践，我们只需要创建三个带有白点的图像并使用属性为它们设置动画 @关键帧 CSS3如下：

/*Keyframes*/
@keyframes snow {
0% {background-position: 0px 0px;}
100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}

添加不同的 不同浏览器的前缀，然后建立我们的身体：

body {
background-color: #6b92b9;
background-image: url('snow.png'), url('snow3.png'), url('snow2.png');
animation: snow 20s linear infinite;
}

还添加必要的前缀。 约书亚·约翰逊（Joshua Johnson）提供了带有详细说明的完整程序，可在他的博客中找到。

更多信息 - CSS3梯度生成器，CSS3梯度生成器
资源 - 设计小屋