您好,登錄后才能下訂單哦!
本篇內容主要講解“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屬性”有了更深的了解,不妨來實際操作一番吧!這里是億速云網站,更多相關內容可以進入相關頻道進行查詢,關注我們,繼續學習!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。