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	多田要素を左右に移動するために提供されます。

シニア番号	方法と説明
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	多田要素を左右に移動するために提供されます。