Css-animation

CSS-アニメーション

アニメーション

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

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

Sr.No.	Method & Description
1	Bounce バウンスアニメーション効果を使用して、要素をヒットした後、要素をすばやく上、後ろ、またはサーフェスから遠ざけます。
2	Bounce In バウンスアニメーション効果を使用して、要素をヒットした後、要素をすばやく上、後ろ、またはサーフェスから遠ざけます。
3	Bounce In Down バウンスアニメーション効果は、ヒットした後、要素をすばやく上、後ろ、または表面から遠ざけるために使用されます。
4	Bounce In Left バウンスアニメーション効果を使用して、要素をヒットした後、要素をすばやく上、後ろ、またはサーフェスから遠ざけます。
5	Bounce In Right バウンスアニメーション効果を使用して、要素をヒットした後、要素をすばやく上、後ろ、またはサーフェスから遠ざけます。
6	Bounce Out バウンスアニメーション効果を使用して、要素をヒットした後、要素をすばやく上、後ろ、またはサーフェスから遠ざけます。
7	Bounce Out Down バウンスアニメーション効果を使用して、要素をヒットした後、要素をすばやく上、後ろ、またはサーフェスから遠ざけます。
8	Bounce Up バウンスアニメーションエフェクトを使用して、要素を叩いた後、要素を素早く上下に移動したり、サーフェスから遠ざけたりします。
9	Bounce Out Left バウンスアニメーション効果を使用して、要素をヒットした後、要素をすばやく上、後ろ、またはサーフェスから遠ざけます。
10	Bounce Out Right バウンスアニメーションエフェクトを使用して、要素を叩いた後、要素を素早く上下に移動したり、サーフェスから遠ざけたりします。
11	Bounce Out Up バウンスアニメーション効果を使用して、要素をヒットした後、要素をすばやく上、後ろ、またはサーフェスから遠ざけます。
12	Fade Down Big 画像が徐々に現れたり、見えなくなったり、別のショットに結合したりします。
13	Fade In 画像が徐々に現れたり、見えなくなったり、別のショットに結合したりします。
14	Fade In Down 画像が徐々に現れたり、見えなくなったり、別のショットに結合したりします。
15	Fade In Left 画像が徐々に現れたり、見えなくなったり、別のショットに結合したりします。
16	Fade In Left Big 画像が徐々に現れたり、見えなくなったり、別のショットに結合したりします。
17	Fade In Right 画像が徐々に現れたり、見えなくなったり、別のショットに結合したりします。
18	Fade In Right Big 画像が徐々に現れたり、見えなくなったり、別のショットに結合したりします。
19	Fade in Up 画像が徐々に現れたり、見えなくなったり、別のショットに結合したりします。
20	Fade In Up Big 画像が徐々に現れたり、見えなくなったり、別のショットに結合したりします。
21	Fade Out 画像が徐々に現れたり、見えなくなったり、別のショットに結合したりします。
22	Fade Out Down 画像が徐々に現れたり、見えなくなったり、別のショットに結合したりします。
23	Fade Out Left 画像が徐々に現れたり、見えなくなったり、別のショットに結合したりします。
24	Fade Out Left Big 画像が徐々に現れたり、見えなくなったり、別のショットに結合したりします。
25	Fade Out Right 画像が徐々に現れたり、見えなくなったり、別のショットに結合したりします。
26	Fade Out Right Big 画像が徐々に現れたり、見えなくなったり、別のショットに結合したりします。
27	Fade Out Up 画像が徐々に現れたり、見えなくなったり、別のショットに結合したりします。
28	Fade Out UP Big 画像が徐々に現れたり、見えなくなったり、別のショットに結合したりする
29	Flash 要素の明るい光の突然の短いバースト。
30	Flip エレメントは、突然の素早い動きで裏返したり、裏返しになったりすることがあります。
31	Flip In X エレメントは、突然の素早い動きで裏返したり、裏返しになったりすることがあります。
32	Flip In Y エレメントは、突然の素早い動きで裏返したり、裏返しになったりすることがあります。
33	Flip Out X エレメントは、突然の素早い動きで裏返したり、裏返しになったりすることがあります。
34	Flip Out Y エレメントは、突然の素早い動きで裏返したり、裏返しになったりすることがあります。
35	Hinge エレメントは、突然の素早い動きで裏返したり、裏返しになったりすることがあります。
36	Light Speed In 要素への速度を持つ光または照明を提供します。
37	Light Speed Out 要素への速度を持つ光または照明を提供します。
38	Pulse エレメントに単一の振動または短いバーを提供します。
39	Roll In エレメントは、軸を何度も回転させることで特定の方向に移動できます。
40	Roll Out エレメントは、軸を何度も回転させることで特定の方向に移動できます。
41	Rotate In Down Left エレメントは、軸を何度も回転させることで特定の方向に移動できます。
42	Rotate In エレメントは、軸を何度も回転させることで特定の方向に移動できます。
43	Rotate In Down Right エレメントは、軸を何度も回転させることで特定の方向に移動できます。
44	Wobble 要素を移動したり、左右に不安定に移動させたりします。
45	Rotate In Up Left 軸または中心の周りを円で移動する、または移動させることができます。
46	Rotate In Up Right 軸または中心の周りを円で移動する、または移動させることができます。
47	Winggle それは、小さな急速な動きで上下に、または左右に動くか、または動かすことを提供します。
48	Rotate Out 軸または中心の周りを円で移動する、または移動させることができます。
49	Rotate Out Down Left 軸または中心の周りを円で移動する、または移動させることができます。
50	Rotate Out Down Right 軸または中心の周りを円で移動する、または移動させることができます。
51	Rotate Out Up Left 軸または中心の周りを円で移動する、または移動させることができます。
52	Rotate Out Up Right 軸または中心の周りを円で移動する、または移動させることができます。
53	Shake 要素の上下（またはオブジェクト）の移動を提供します。
54	Swing 吊り下げられた状態で、または軸に沿って要素に移動したり、前後に移動したり、左右に移動したりします。
55	Tada 要素を左右に移動します。