基于box-shadow實現的打點效果

理論上，box-shadow可以實現任意的圖形效果，自然我們可以利用box-shadow生成我們的點效果，然后通過animation控制不同時間點點的數目就可以實現點點點... loading效果了~

您可以狠狠地點擊這里：CSS3 animation box-shadow漸進實現打點動畫demo

1. 漸進兼容
支持CSS3 animation動畫的瀏覽器顯示的就是打點動畫效果；對于不支持的瀏覽器，IE7/IE8顯示的是真實的字符..., IE9瀏覽器雖然也是CSS3生成，但是是靜態的，沒有動畫效果；此乃漸進兼容。

2. 實現原理
首先HTML非常簡單，就是一個標簽一個類名（標簽里面一定要空空如也），其他什么都不需要關心，就可以游刃幾乎各種場景，如下：

發表評論 共有條評論 用戶名: 密碼: 驗證碼: 匿名發表