tweenmax は css3 プロパティを変更できますか?

tweenmax は css3 プロパティを変更できます。 tweenmax に組み込まれている CSSPlugin を使用して、CSS アニメーションを作成できます。アニメーション パラメーターを設定することで、CSS プロパティを変更できます。構文は「TweenMax.to (アニメーションのオブジェクト、アニメーションの長さ、{アニメーションの css プロパティを指定)」です。変化}）;"。

このチュートリアルの動作環境: Windows 10 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

tweenmax は css3 プロパティを変更できます

tweenmax は css3 プロパティを変更できます

TweenMax の組み込み CSSPlugin は CSS アニメーションを作成し、CSS プロパティを変更できます

x などの 2d 変換と 3d 変換の簡単なメソッドが含まれています:

• 水平方向に移動します。CSS3 の translationX に相当します。

• rotation: 回転、回転と同等。

• skewX: 斜めのカット、スキューと同等。

#他にもたくさんあります。単純なメソッドを使用せずに、アニメーションの CSS3 プロパティを直接設定することもできます (例:

TweenMax.to(element, 3, {transform:’rotate(30deg)’})

##left プロパティ アニメーションには、position:relative サポートが必要です。相対的な位置の移動が必要な場合は、次のようにすることができます) x (CSS3 2D アニメーション) を使用する方が簡単です

TweenMax.to("#obj", 3, {x:200});//在原有位置向右移动200px
TweenMax.to("#obj", 3, {x:200, y:100});//向右移动200px的同时向下移动100px

(学習ビデオ共有:

css ビデオ チュートリアル

)

以上がtweenmax は css3 プロパティを変更できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。