Similar to the Baidu music album playback CD pictures of the continuous rotation of the implementation
1HTML code 2 3CSS3 Code 4# img{5-webkit-transition:-webkit-Transform 5s; 6-webkit-Transform:rotate (0DEG); 7-moz-Transform:rotate (0DEG); 8-webkit-transform-Origin:center; 9-moz-transform-Origin:bottom center;10-webkit-Animation:css_a 5s;11Animation:css_a 5s;12-moz-Animation:css_a 5s;13-webkit-animation-Duration:10s;14-webkit-animation-timing-function: linear;15/*16 * Keep moving the */18-webkit-animation-iteration-COUNT:INFINITE;19/* Safari and Chrome */20-moz-animation-timing-function: linear;21/*22 * Keep moving the */24-moz-animation-iteration-count:infinite;25 }26 @-webkit-keyframes css_a {from {/*chrome */27 28-webkit-transform:rotate(0deg); 29-m S-transform:rotate (0DEG);//IE 9 */31-moz-transform:rotate (0deg); +/* Firefox */33}34 to {36 37 -webkit-transform:rotate (360deg) 38-ms-transform:rotate (360deg);//IE 9 */40-moz-transform:rotate ( 360DEG) */* Firefox */42 }43 }45 @-moz-keyframes css_a {from {/* Firefox */46-webkit-transform:rotate (0de g); 47-ms-transform:rotate (0deg); */IE 9 */49-moz-transform:rotate (0DEG);/* Firefox */51 }52 16>to {54-webkit-transform:rotate (360deg); 55-ms-transform:rotate (360DEG);/*/IE 9 */57-moz- Transform:rotate (360deg), */59/* Firefox }60}
My space.
Similar to the Baidu music album playback CD pictures of the continuous rotation of the implementation