CSS動畫雪

雖然 在頁面上放動畫的雪，無論是來自我們還是來自客戶，這聽起來像是一種比其他任何事物都古老的設計實踐，事實是 動畫 我們這次呈現的是優雅的海洋。 而且您不需要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梯度生成器
資源 - 設計小屋