css3 transform做动画
2017-08-09 10:50
148 查看
css3 transform做动画 第一种用关键帧 这里就不说了 就说第二种方法用 transition属性 ps:jquery anim不支持transform动画 但css还是支持
.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)"});
马上就旋转了起来 进度条可以参考这个方法来做
查看原文:http://newmiracle.cn/?p=1968
相关文章推荐
- css3动画属性系列之transform细讲旋转rotate
- css3动画属性系列之transform细讲scale缩放
- css3 2D转换(2D Transform) 动画(Animation)
- css3中的变形(transform)、过渡(transtion)、动画(animation)
- CSS3 3D动画 transform
- 实用CSS3的transform实现多种动画效果
- CSS3中动画transform必须要了解的Skew变化原理
- 拒绝IE8-,CSS3 transform rotate旋转动画效果(支持IE9+/chrome/firefox)
- CSS3动画效果之Transform
- CSS3中和动画有关的属性transform、transition 和 animation
- css3动画-transform属性
- CSS3中动画属性transform、transition 和 animation
- CSS3的 transform属性,怎么才能让他同时执行多个不同动画(属性)效果
- CSS3动画功能 --- transition、transform、3D场景
- 使用transform和transition制作CSS3动画
- CSS3中动画TRANSFORM必须要了解的SKEW变化原理
- CSS3 transform介绍|如何设计炫酷的动画效果
- CSS3的 transform属性,怎么才能让他同时执行多个不同动画(属性)效果
- CSS3中和动画有关的属性transform、transition 和 animation
- CSS3中和动画有关的属性transform、transition 和 animation