标签:
类似百度音乐唱片播放时CD图片不停旋转的实现
<img src="img/logo.png" class="img-responsive" style="float: left;" />
# img{
-webkit-transition: -webkit-transform 5s;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform-origin: center;
-moz-transform-origin: bottom center;
-webkit-animation: css_a 5s;
animation: css_a 5s;
-moz-animation: css_a 5s;
-webkit-animation-duration: 10s;
-webkit-animation-timing-function: linear;
/*
* 不停的动
*/
-webkit-animation-iteration-count: infinite;
/* Safari and Chrome */
-moz-animation-timing-function: linear;
/*
* 不停的动
*/
-moz-animation-iteration-count: infinite;
}
@-webkit-keyframes css_a {from { /*chrome */-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);/* IE 9 */-moz-transform: rotate(0deg);/* Firefox */}to {-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);/* IE 9 */-moz-transform: rotate(360deg);/* Firefox */}}@-moz-keyframes css_a {from { /*火狐 */-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);/* IE 9 */-moz-transform: rotate(0deg);/* Firefox */}to {-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);/* IE 9 */-moz-transform: rotate(360deg);/* Firefox */}}
标签:
原文地址:http://www.cnblogs.com/wenqd/p/6c91f9c5e7774d48c1779b423bf1c827.html