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
(學習影片分享:css影片教學)
以上是tweenmax能改變css3屬性嗎的詳細內容。更多資訊請關注PHP中文網其他相關文章!