CSS-アニメーション

アニメーション

Animation はモーションエフェクトを作成して外観を変更するプロセスです。CSSはイベントモーションを変更するためにさまざまなアニメーションエフェクトをサポートしています。

次の表に、CSSで使用できるすべての効果を示します-

シニア番号 方法と説明
1 跳ねる、弾む

バウンスアニメーション効果は、要素をヒットした後、要素をすばやく上下に移動したり、サーフェスから遠ざけたりするために使用されます。

2 バウンスイン

バウンスアニメーション効果は、要素をヒットした後、要素をすばやく上下に移動したり、サーフェスから遠ざけたりするために使用されます。

3 バウンスインダウン

バウンスアニメーション効果は、要素をヒットした後、要素をすばやく上下に移動したり、サーフェスから遠ざけたりするために使用されます。

4 左にバウンス

バウンスアニメーション効果は、要素をヒットした後、要素をすばやく上下に移動したり、サーフェスから遠ざけたりするために使用されます。

5 右にバウンス

バウンスアニメーション効果は、要素をヒットした後、要素をすばやく上下に移動したり、サーフェスから遠ざけたりするために使用されます。

6 バウンスアウト

バウンスアニメーション効果は、要素をヒットした後、要素をすばやく上下に移動したり、サーフェスから遠ざけたりするために使用されます。

7 バウンスアウトダウン

バウンスアニメーション効果は、要素をヒットした後、要素をすばやく上下に移動したり、サーフェスから遠ざけたりするために使用されます。

8 バウンスアップ

バウンスアニメーション効果は、要素をヒットした後、要素をすばやく上下に移動したり、サーフェスから遠ざけたりするために使用されます。

9 左に跳ね返る

バウンスアニメーション効果は、要素をヒットした後、要素をすばやく上下に移動したり、サーフェスから遠ざけたりするために使用されます。

10 右に跳ね返る

バウンスアニメーション効果は、要素をヒットした後、要素をすばやく上下に移動したり、サーフェスから遠ざけたりするために使用されます。

11 跳ね返る

バウンスアニメーション効果は、要素をヒットした後、要素をすばやく上下に移動したり、サーフェスから遠ざけたりするために使用されます。

12 フェードダウンビッグ

画像は、徐々に見えたり見えなくなったり、別のショットにマージされたりします。

13 フェードイン

画像は、徐々に見えたり見えなくなったり、別のショットにマージされたりします。

14 フェードインダウン

画像は、徐々に見えたり見えなくなったり、別のショットにマージされたりします。

15 フェードインレフト

画像は、徐々に見えたり見えなくなったり、別のショットにマージされたりします。

16 フェードインレフトビッグ

画像は、徐々に見えたり見えなくなったり、別のショットにマージされたりします。

17 フェードインライト

画像は、徐々に見えたり見えなくなったり、別のショットにマージされたりします。

18 フェードインライトビッグ

画像は、徐々に見えたり見えなくなったり、別のショットにマージされたりします。

19 フェードインアップ

画像は、徐々に見えたり見えなくなったり、別のショットにマージされたりします。

20 フェードインアップビッグ

画像は、徐々に見えたり見えなくなったり、別のショットにマージされたりします。

21 フェードアウト

画像は、徐々に見えたり見えなくなったり、別のショットにマージされたりします。

22 フェードアウトダウン

画像は、徐々に見えたり見えなくなったり、別のショットにマージされたりします。

23 フェードアウト左

画像は、徐々に見えたり見えなくなったり、別のショットにマージされたりします。

24 フェードアウト左ビッグ

画像は、徐々に見えたり見えなくなったり、別のショットにマージされたりします。

25 フェードアウト右

画像は、徐々に見えたり見えなくなったり、別のショットにマージされたりします。

26 フェードアウトライトビッグ

画像は、徐々に見えたり見えなくなったり、別のショットにマージされたりします。

27 フェードアウト

画像は、徐々に見えたり見えなくなったり、別のショットにマージされたりします。

28 フェードアウトビッグ

画像が徐々に表示されたり、表示されなくなったり、別のショットにマージされたりします

29 閃光

要素の明るい光の突然の短いバースト。

30 フリップ

エレメントは、突然の素早い動きでひっくり返ったり、ひっくり返ったりする可能性があります。

31 Xを反転

エレメントは、突然の素早い動きでひっくり返ったり、ひっくり返ったりする可能性があります。

32 Yを反転

エレメントは、突然の素早い動きでひっくり返ったり、ひっくり返ったりする可能性があります。

33 フリップアウトX

エレメントは、突然の素早い動きでひっくり返ったり、ひっくり返ったりする可能性があります。

34 Yをフリップアウト

エレメントは、突然の素早い動きでひっくり返ったり、ひっくり返ったりする可能性があります。

35 ヒンジ

エレメントは、突然の素早い動きでひっくり返ったり、ひっくり返ったりする可能性があります。

36 ライトスピードイン

それは要素にスピードで光または照明を提供しようとしています。

37 ライトスピードアウト

それは要素にスピードで光または照明を提供しようとしています。

38 パルス

要素に単一の振動または短いバーを提供します。

39 ロールイン

要素は、軸を何度も回転させることで特定の方向に移動できます。

40 ロールアウトする

要素は、軸を何度も回転させることで特定の方向に移動できます。

41 左下に回転

要素は、軸を何度も回転させることで特定の方向に移動できます。

42 回転する

要素は、軸を何度も回転させることで特定の方向に移動できます。

43 右下に回転

要素は、軸を何度も回転させることで特定の方向に移動できます。

44 ぐらぐらする

これは、要素を移動したり、左右に不安定に移動させたりするためのものです。

45 左上に回転

それは、軸または中心の周りを円で移動または移動させることを提供します。

46 右に回転

それは、軸または中心の周りを円で移動または移動させることを提供します。

47 ウィングル

それは、小さな急速な動きで上下または左右に移動または移動させることを提供します。

48 回転させる

それは、軸または中心の周りを円で移動または移動させることを提供します。

49 左下に回転

それは、軸または中心の周りを円で移動または移動させることを提供します。

50 右下に回転

それは、軸または中心の周りを円で移動または移動させることを提供します。

51 左上に回転

それは、軸または中心の周りを円で移動または移動させることを提供します。

52 右に回転

それは、軸または中心の周りを円で移動または移動させることを提供します。

53 シェイク

要素に対して(オブジェクト)を上下または左右に移動することを提供します。

54 スイング

これは、要素の吊り下げ中または軸上で、前後または左右に移動する移動または原因を提供します。

55 多田

要素を左右に移動するために提供されます。