tweenmax能不能改变css3属性

本篇内容主要讲解“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属性”有了更深的了解，不妨来实际操作一番吧！这里是亿速云网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！