求一个js(或者其他) 实现几张图片围绕一个点(图片)进行转圈!xiexie!
展开全部
css3动画rotate
追问
能举给栗子吗?
追答
.circle{
height:20px;
width: 20px;
position: absolute;
left: 0px;
top: 0px;
background: url(../image/circle.png) no-repeat;
animation:circle 0.6s linear 0s infinite normal forwards;
-moz-animation:circle 0.6s linear 0s infinite normal forwards;
-webkit-animation:circle 0.6s linear 0s infinite normal forwards;
-o-animation:circle 0.6s linear 0s infinite normal forwards;
transform-origin: 10px 10px;
-moz-transform-origin: 10px 10px;
-webkit-transform-origin: 10px 10px;
-o-transform-origin: 10px 10px;
}
@keyframes circle
{
0% {transform: rotate(0deg)}
100% {transform: rotate(360deg)}
}
@-moz-keyframes circle
{
0% {-moz-transform: rotate(0deg)}
100% {-moz-transform: rotate(360deg)}
}
@-webkit-keyframes circle
{
0% {-webkit-transform: rotate(0deg)}
100% {-webkit-transform: rotate(360deg)}
}
@-o-keyframes circle
{
0% {-o-transform: rotate(0deg)}
100% {-o-transform: rotate(360deg)}
}
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询