回答tweenmax能改变css3属性吗

 所属分类:web前端开发

 浏览:141次-  评论: 0次-  更新时间:2022-11-01
描述:更多教程资料进入php教程获得。 tweenmax能改变css3属性。tweenmax中内置的CSSPlugin可以用于制作css动画,设置动画参数就可以改变css属性...
更多教程资料进入php教程获得。

tweenmax能改变css3属性。tweenmax中内置的CSSPlugin可以用于制作css动画,设置动画参数就可以改变css属性,语法为“TweenMax.to(指定动画的对象,动画持续时间,{进行动画改变的css属性});”。

前端(vue)入门到精通课程:进入学习
Apipost = Postman + Swagger + Mock + Jmeter 超好用的API调试工具:点击使用

本教程操作环境: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)’})
登录后复制

777.png

left属性动画需要position:reletive支持,如需相对位置移动可使用x(CSS3的2D动画)更为简便

TweenMax.to("#obj", 3, {x:200});//在原有位置向右移动200px
TweenMax.to("#obj", 3, {x:200, y:100});//向右移动200px的同时向下移动100px
登录后复制

(学习视频分享:css视频教程)

以上就是tweenmax能改变css3属性吗的详细内容,更多请关注zzsucai.com其它相关文章!

 标签: css3,
积分说明:注册即送10金币,每日签到可获得更多金币,成为VIP会员可免金币下载! 充值积分充值会员更多说明»

讨论这个素材(0)回答他人问题或分享使用心得奖励金币

〒_〒 居然一个评论都没有……

表情  文明上网,理性发言!