本篇内容主要讲解“tweenmax能不能改变css3属性”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“tweenmax能不能改变css3属性”吧!
tweenmax能改变css3属性。tweenmax中内置的CSSPlugin可以用于制作css动画,其中就可以改变css属性,语法为“TweenMax.to(指定动画的对象,动画持续时间,{进行动画的css属性});”。
本教程操作环境:windows10系统、CSS3&&HTML5版本、Dell G3电脑。
tweenmax能改变css3属性吗
tweenmax能改变css3属性
TweenMax内置的CSSPlugin可以制作CSS动画,改变CSS属性,
其中包括2d transform和3d transform的简略方法,如x:
水平方向移动,相当于CSS3的translateX。
rotation:旋转,相当于rotate。
skewX:斜切,相当于skew。
此外还有很多。你也可以不用简略方法而直接设置CSS3属性来进行动画,例如:
TweenMax.to(element, 3, {transform:’rotate(30deg)’})
left属性动画需要position:reletive支持,如需相对位置移动可使用x(CSS3的2D动画)更为简便
TweenMax.to("#obj", 3, {x:200});//在原有位置向右移动200px
TweenMax.to("#obj", 3, {x:200, y:100});//向右移动200px的同时向下移动100px
到此,相信大家对“tweenmax能不能改变css3属性”有了更深的了解,不妨来实际操作一番吧!这里是编程网网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!