tweenmax能改變css3屬性嗎

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的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中文網其他相關文章！