CSS3+HTML5特效7 - 特殊的 Loading 效果

 效果如下

實作原理：

利用css3的@keyframes規則建立動畫效果；

使用css3的animation效果完成滾動切換。

代碼說明：

樣式表中@-webkit-keyframes及@keyframes定義了旋轉360度的操作；

樣式表中.border div定義了div的基本樣式，紅色的10px圓形；

10個div嵌套使用;