html5怎样做出图片转圈的动画效果

可以使用css3中的rotate实现

实际的旋转效果是这样：

rotate中的 60deg 表示按最原始的位置，顺时针旋转60°

w3school 里面有更详细用法，可以2D旋转、3D旋转

可以参考：网页链接

动画效果可以通过js改变rotate中传入的值来实现

.anim{animation:mymove 5s linear infinite-webkit-animation:mymove 5s linear infinite }

@keyframes mymove{

0%{transform:rotate(0deg)}

50%{transform:rotate(-180deg)}

100%{transform:rotate(-360deg)}

}

@-webkit-keyframes mymove{

0%{transform:rotate(0deg)}

100%{transform:rotate(360deg)}

}

给图片添加class="anim" 里面的5s 就是转一圈的时间，可以改变时间控制速度，比如1秒一圈就是 1s

---