css3 transform做动画
第一种用关键帧 这里就不说了 就说第二种方法用 transition属性 ps:jquery anim不支持transform动画 但css还是支持 还有就是不能动态修改关键帧属性 所以采用这个
<img class="p1_wz1"src="{$yuming}/images/1/p1_wz1.jpg" /> .p1_wz1{ width: 2.3rem; position: absolute; left: 41.6%; top: 4.2rem; -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; -o-transition: all 2s ease-in-out; transition: all 2s ease-in-out; }
然后运行下如下代码
$(".p1_wz1").css({"-webkit-transform":"rotate(260deg)"});
马上就旋转了起来 进度条可以参考这个方法来做