圆的旋转需求

Question

在开发中有这样一个需求；就是做一个圆的竖立旋转；不是翻牌；而是页面加载的时候一直执行；从前面转到后面；如此反复

Answer 1

可使用CSS3的transform属性完成这个需求。

参见CSS3 3D 转换

Answer 2

大概是下面写的那几个样式，兼容性的东西没考虑

wrap{
//动画名
animation-name: myrotate;
//一次动画时间
animation-duration: 2s;
//播放次数：无限
animation-iteration-count:infinite;
}
@keyframes myrotate
{
from {rotateY: 0;}
to {rotate: 360deg;}
}