图片旋转动画

<style type="text/css">
#star_one_aminate{
60px;
height: 60px;
position: absolute;
top: 10px;
left: 98px;
background: url(img/cluster-video.png);
-moz-animation: rotation 0.2s linear infinite;
-webkit-animation: rotation 0.2s linear infinite;
-o-animation: rotation 0.2s linear infinite;
background-size: 100%;
background-repeat: no-repeat;
}
@-webkit-keyframes rotation {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
}
}
</style>
</head>
<body>
<div id="star_one_aminate">
</div>

</body>

原文地址:https://www.cnblogs.com/sweeeper/p/11124605.html