1、写好一个需要旋转的DIV如下：<div id="xuanzhun" style="width: 30px; height: 30px; background-color: aquamarine;"></div>
2、将此DIV的样式写好如下：#xuanzhun{-webkit-transition-property: -webkit-transform;-webkit-transition-duration: 1s;-moz-transition-property: -moz-transform;-moz-transition-duration: 1s;-webkit-animation: rotate 3s linear infinite;-moz-animation: rotate 3s linear infinite;-o-animation: rotate 3s linear infinite;animation: rotate 3s linear infinite;}样式写好还不能旋转，图跟DIV图是一样的
3、旋转动画代码如下：@-webkit-keyframes rotate{from{-web氯短赤亻kit-transform: r泠贾高框otate(0deg)}to{-webkit-transform: rotate(360deg)}}@-moz-keyframes rotate{from{-moz-transform: rotate(0deg)}to{-moz-transform: rotate(359deg)}}@-o-keyframes rotate{from{-o-transform: rotate(0deg)}to{-o-transform: rotate(359deg)}}@keyframes rotate{from{transform: rotate(0deg)}to{transform: rotate(359deg)}}设置好后，就可以旋转了。
