1.短縮属性に含まれる属性：
遷移（遷移）プロパティ：
transition: property duration timing-function delay ;
- transition-property：トランジション
を適用するCSSプロパティの名前を指定します。
- 遷移時間：
遷移効果を完了するには、何秒または何ミリ秒を指定する必要がありますか - 遷移タイミング関数：
遷移効果の速度曲線を指定します - transition-delay：
常にtransition-duration属性を指定します。指定しない場合、durationは0になり、transitionは効果がありません。
アニメーションのプロパティ：
animation: name duration timing-function delay iteration-count direction fill-mode play-state;
- アニメーション名は、セレクターにバインドするキーフレームの名前（アニメーション名）を指定します
- アニメーション-継続時間アニメーションは、完了するのにかかる秒数またはミリ秒数を指定します
- アニメーションタイミング機能アニメーションがサイクルを完了する方法を設定します（線形/イーズ/イーズイン/イーズアウト/イーズインアウト）
- Animation-delayアニメーションが開始するまでの遅延間隔（アニメーションの実行が開始される時間）を設定します。
- Animation-iteration-countは、アニメーションが再生される回数（数または無限の無制限回数）を定義します。
- Animation-directionは、アニメーションを逆方向に再生するかどうかを指定します。
- Animation-fill-modeは、アニメーションが再生されていないとき（アニメーションが終了したとき、またはアニメーションが再生を開始する前に遅延があるとき）に要素に適用されるスタイルを指定します。
- Animation-play-stateは、アニメーションを実行するか一時停止するかを指定します。
2.トリガーする必要がありますか
- 遷移を実行するには、疑似クラスとイベントトリガーが必要です。特定の要素は遷移を指定し、そのプロパティの1つが変更されると、遷移で指定された方法で遷移します。遷移は1回限りであり、遷移が次の場合を除いて繰り返し発生することはありません。繰り返しトリガーされます；
- アニメーションをトリガーする必要はなく、ページの読み込みを実行できます。サイクル数を設定でき、無限を使用して無制限のサイクルを実現できます。
3.中間プロセス
- 遷移は、アニメーションの初期値と終了値のみを設定でき、中間プロセスは制御できません。
- アニメーションは@keyframesと組み合わせてすべてのフレームに制御でき、フレームはパーセンテージで分割できます（0％-100％または{}から{}まで使用）。