怠惰な人々のためのCSSトランジトンジェネレータ。
CSSジェネレーター-移行
CSS Transitionsプロパティを使用すると、ユーザーはHTML要素のスタイルを別のスタイルにスムーズに変更できます。トランジションは、JavaScriptまたはユーザーイベントによってCSSプロパティが変更されたときに実行されます。
遷移:<STYLE-NAME> <TOTAL-TIME> <TIMING-FUNCTION> <DELAY-START>;
遷移は4つのパラメータを定義します-
1)どのcssプロパティが実行されているか
2)実行時間
3)タイミング機能(遷移速度)とは
4)いつ移行を開始するか
<STYLE-NAME>はtransition-propertyで、遷移が適用されるCSSプロパティを指定します。個別のプロパティまたはすべてのプロパティを設定できます。タイミング関数は、アニメーションの速度(低速または高速)を定義します。Cubic Bazierは、アニメーションのカスタム速度を定義します。トランジションはループ内で実行できません。CSSアニメーションプロパティは、ループ処理を行うための代替オプションです。