大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
本篇内容主要讲解“tweenmax能不能改变css3属性”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“tweenmax能不能改变css3属性”吧!
在德江等地区,都构建了全面的区域性战略布局,加强发展的系统性、市场前瞻性、产品创新能力,以专注、极致的服务理念,为客户提供做网站、成都做网站 网站设计制作定制网站开发,公司网站建设,企业网站建设,品牌网站设计,网络营销推广,外贸营销网站建设,德江网站建设费用合理。
tweenmax能改变css3属性。tweenmax中内置的CSSPlugin可以用于制作css动画,其中就可以改变css属性,语法为“TweenMax.to(指定动画的对象,动画持续时间,{进行动画的css属性});”。
本教程操作环境:windows10系统、CSS3&&HTML5版本、Dell G3电脑。
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属性”有了更深的了解,不妨来实际操作一番吧!这里是创新互联网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!