1doctype html
>
2<
html
>34
<
head
>
5<
meta
charset
="utf-8"
>
6<
title
>
title
>
7<
style
type
="text/css"
>
8.snow-container
1920
.snow
3435
.snow.foreground
4041
.snow.foreground.layered
4546
.snow.middleground
5152
.snow.middleground.layered
5657
.snow.background
6263
.snow.background.layered
6768
@-webkit-keyframes snow
73100% 77}
7879
@keyframes snow
84100% 88}
89style
>
90head
>
9192
<
body
>
93<
div
class
="snow-container"
>
94<
div
class
="snow foreground"
>
div>
95<
div
class
="snow foreground layered"
>
div>
96<
div
class
="snow middleground"
>
div>
97<
div
class
="snow middleground layered"
>
div>
98<
div
class
="snow background"
>
div>
99<
div
class
="snow background layered"
>
div>
100div
>
101body
>
102103
html
>
效果:
操作簡單方便,不用引入其他檔案.
如果希望在有滾動條的頁面滑鼠滾動時也顯示頁面可以修改上面.snow-container的樣式:
將其位置設為fixed,寬度與高度佔滿全屏。z-index設為負數在內容後面顯示。
.snow-container
效果:
雪花曲線《一》
很高興能接觸到分形這麼美的圖形,一直想發一篇這樣的部落格,實屬自己老是忘記,雖然分形的文件已經寫了,但是自己的部落格卻一直沒有發。剛看到分形時,我正在做科赫曲線,也就是雪花曲線。覺得這個圖形很好玩,因此打算去做做。後來經龍哥展示了斌牛做的乙個圖形,頓時,自己都感到震驚。一條直線,不斷的彎曲,彎曲。最...
開源乙個新的雪花演算法(雪花漂移)
idgenerator 介紹用一種全新的雪花漂移演算法 以下簡稱本演算法 讓id更短 生成速度更快。核心在於縮短id長度的同時,還能保持極高併發處理量 50w 0.1s 且具有很強配置能力。需求 1.作為架構設計的你,想要解決資料庫主鍵唯一的問題,特別是在分布式系統多資料庫的時候。2.你希望這個主鍵...
雪花的快樂!
人看見風中飄舞的雪花都不禁會發出感嘆 如此輕盈飄逸的風中精靈,那將是怎樣的自在快活。確實,那像是一片片的雪花,在空中優雅前進,飄逸後退,相互交錯,像是一場美的華爾茲。它的主角是那無數的白色的跳躍,是夠輕盈的。另外自明的雪花們都明白終究歸於塵土,於是有了先鋒們前赴後繼落地,他們似乎還未享盡風之精靈的優...