如何使用css3动画实现旋转效果

如何使用css3动画实现旋转效果使用旋转动画需要定义css动画关键帧（animation keyframes）

阅读 https://developer.mozilla.org/en-US/docs/CSS/Tutorials/Using_CSS_animations 了解更多信息

配置好动画时序后，还需要设置动画的显示方式。这是使用两个或多个 @keyframes 关键字完成的。每个关键帧（keyframe）描述了一个动画元素在动画序列中的给定时间是如何显示的。

---

案例代码：http://jsfiddle.net/gaby/9Ryvs/7/

@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}