• 技术文章 >web前端 >前端问答

    tweenmax能改变css3属性吗

    长期闲置长期闲置2022-04-28 15:29:51原创158

    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属性来进行动画,例如:

    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属性吗的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:CSS3
    上一篇:css3动画效果有变形吗 下一篇:jquery有哪些对节点访问的方法
    VIP课程(WEB全栈开发)

    相关文章推荐

    • 【腾讯云】年中优惠,「专享618元」优惠券!• css3筛选怎么除去第一个元素的元素• css3线性渐变可以实现三角形吗• css3新增伪类选择器有哪些• css3包含哪些模块• 在css3中可实现缩放效果的是什么属性
    1/1

    PHP中文网