标签:
类似百度音乐唱片播放时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