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.你希望這個主鍵...
雪花的快樂！
人看見風中飄舞的雪花都不禁會發出感嘆 如此輕盈飄逸的風中精靈，那將是怎樣的自在快活。確實，那像是一片片的雪花，在空中優雅前進，飄逸後退，相互交錯，像是一場美的華爾茲。它的主角是那無數的白色的跳躍，是夠輕盈的。另外自明的雪花們都明白終究歸於塵土，於是有了先鋒們前赴後繼落地，他們似乎還未享盡風之精靈的優...