看到音乐播放器播放界面的唱片一直旋转，突然想到在网页中的一直旋转效果，所有特地查了一下分享出来
方法/步骤
1、写好一个需要旋转的DIV如下：<divid="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:rotate3slinearinfinite;-moz-animation:rotate3slinearinfinite;-o-animation:rotate3slinearinfinite;animation:rotate3slinearinfinite;}样式写好还不能旋转，图跟DIV图是一样的
3、旋转动画代码如下：@-webkit-keyframesrotate{from{-web氯短赤亻kit-transform:r泠贾高框otate(0deg)}to{-webkit-transform:rotate(360deg)}}@-moz-keyframesrotate{from{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(359deg)}}@-o-keyframesrotate{from{-o-transform:rotate(0deg)}to{-o-transform:rotate(359deg)}}@keyframesrotate{from{transform:rotate(0deg)}to{transform:rotate(359deg)}}设置好后，就可以旋转了。
