最近做乙個系統檢測的功能，裡面有乙個檢測中的效果，覺得挺好玩的，也可以用了當loading中或者水波一圈一圈逐漸變大的效果，都可以的。。。不多說了，效果貼圖。。。
可能gif圖動畫不是特別流暢，實際效果還是不錯的。。。不磨磨唧唧的，貼**：
html**：
系統檢
測中
css**：
.detecting_center.circle div
.circle div:nth-child(1)
.circle div:nth-child(2)
.circle div:nth-child(3)
.circle > div:nth-child(4)
@-webkit-keyframes circle
50%
}
之後會補一下專案位址哦 ～
CSS3中漸變效果
1.線性漸變 a 從左到右漸變 div nth child 1 b 不指定方向預設是從上到下 div nth child 2 c 按照指定角度 div nth child 3 d 斑馬線漸變 2.頸項漸變 radial gradient 輻射半徑，中心的位置，起始顏色，終止顏色 中心點位置 at l...
CSS3 中的過渡效果
1.transition property 設定物件中的參與過渡的屬性 預設值為 all。預設為所有可以進行過渡的css屬性。如果提供多個屬性值，以逗號進行分隔。語法 transition property none all 取值 示例 type text css ulli hover style ...
css3中的動畫效果
css3中的animation屬性動畫效果 如下 doctype html html lang en head meta charset utf 8 title css3的animation功能 title style div webkit keyframes mytest 25 50 75 100...