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属性”有了更深的了解,不妨来实际操作一番吧!这里是编程网网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!
免责声明:
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341