Body{background: #2C91AE;}
. wrap{width:600px;height:400px;padding:50px;margin:20pxauto;position:relative;}
. gear{border-radius:100px;border:1px solid #8C8C8A; width:200px;height:200px;position:relative;background-color:# FFFFFF;}
. Gear span{border:1px Solid #8C8C8A;d Isplay:block;width:20px;height:30px;position:absolute;border-right:none; Background-color: #FFFFFF;}
. C1{left:8px;top:12px;-webkit-transform:rotate (41deg);}
. C2{left:60px;top:-21px;-webkit-transform:rotate (75deg);}
. C3{left:125px;top:-19px;-webkit-transform:rotate (110deg);}
. C4{left:177px;top:20px;-webkit-transform:rotate (144deg);}
. C5{left:198px;top:84px;-webkit-transform:rotate (181deg);}
. C6{left:176px;top:150px;-webkit-transform:rotate (216deg);}
. C7{left:125px;top:187px;-webkit-transform:rotate (250deg);}
. C8{left:55px;top:188px;-webkit-transform:rotate (288deg);}
. C9{left:0px;top:147px;-webkit-transform:rotate (325deg);}
. C10{left:-19px;top:80px;-webkit-transform:rotate (2deg);}
. Gear Em{background-color: #2C91AE; border-radius:20px;border:1px solid #8C8C8A; Width:40px;height:40px;display: block;position:absolute;left:80px;top:80px;}
. gear{
-webkit-animation-name:run;
-webkit-animation-duration:5s;
-webkit-animation-timing-function:linear;
-webkit-animation-delay:0s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:normal;
}
. s{position:absolute;left:700px;top:156px;zoom:0.7;-webkit-animation-duration:3s;}
@-webkit-keyframes Run
{
From
{
-webkit-transform:rotate (0DEG);
}
To
{
-webkit-transform:rotate (360DEG);
}
}
. line{border-width:3px 0 3px 3px;border-color: #FFFFFF; Border-style:solid;width:117px;height:234px;border-radius : 120px 0 0 120px;position:absolute;top:31px;left:30px;}
. Line Div{position:relative;border-color: #FFFFFF; border-style:solid;}
. la{border-width:3px 0 0;top:30px;left:112px;width:432px;-webkit-transform:rotate (9deg);}
. lb{border-width:3px 0 0;top:227px;left:110px;width:420px;-webkit-transform:rotate ( -1deg);
. lc{border-width:3px 3px 3px 0;width:75px;border-radius:0 79PX 79px 0;height:160px;left:531px;top:61px;-webkit-transform:rotate (5deg);
This article links http://www.cxybl.com/html/wyzz/CSS/20121127/34503.html