📅  最后修改于: 2020-10-26 05:06:01             🧑  作者: Mango
动画是创建动作效果并更改外观的过程。CSS确实支持各种动画效果来更改事件动作。
下表列出了可以在CSS中使用的所有效果-
Sr.No. | Method & Description |
---|---|
1 | Bounce
Bounce Animation effect is used to move the element quick up, back, or away from a surface after hitting it. |
2 | Bounce In
Bounce Animation effect is used to move the element quick up, back, or away from a surface after hitting it. |
3 | Bounce In Down
Bounce Animation effect is used to move the element quick up, back, or away from a surface after hitting it.. |
4 | Bounce In Left
Bounce Animation effect is used to move the element quick up, back, or away from a surface after hitting it. |
5 | Bounce In Right
Bounce Animation effect is used to move the element quick up, back, or away from a surface after hitting it. |
6 | Bounce Out
Bounce Animation effect is used to move the element quick up, back, or away from a surface after hitting it. |
7 | Bounce Out Down
Bounce Animation effect is used to move the element quick up, back, or away from a surface after hitting it. |
8 | Bounce Up
Bounce Animation effect is used to move the element quick up, back, or away from a surface after hitting it |
9 | Bounce Out Left
Bounce Animation effect is used to move the element quick up, back, or away from a surface after hitting it. |
10 | Bounce Out Right
Bounce Animation effect is used to move the element quick up, back, or away from a surface after hitting it |
11 | Bounce Out Up
Bounce Animation effect is used to move the element quick up, back, or away from a surface after hitting it. |
12 | Fade Down Big
The image come or cause to come gradually into or out of view, or to merge into another shot. |
13 | Fade In
The image come or cause to come gradually into or out of view, or to merge into another shot. |
14 | Fade In Down
The image come or cause to come gradually into or out of view, or to merge into another shot. |
15 | Fade In Left
The image come or cause to come gradually into or out of view, or to merge into another shot. |
16 | Fade In Left Big
The image come or cause to come gradually into or out of view, or to merge into another shot. |
17 | Fade In Right
The image come or cause to come gradually into or out of view, or to merge into another shot. |
18 | Fade In Right Big
The image come or cause to come gradually into or out of view, or to merge into another shot. |
19 | Fade in Up
The image come or cause to come gradually into or out of view, or to merge into another shot. |
20 | Fade In Up Big
The image come or cause to come gradually into or out of view, or to merge into another shot. |
21 | Fade Out
The image come or cause to come gradually into or out of view, or to merge into another shot. |
22 | Fade Out Down
The image come or cause to come gradually into or out of view, or to merge into another shot. |
23 | Fade Out Left
The image come or cause to come gradually into or out of view, or to merge into another shot. |
24 | Fade Out Left Big
The image come or cause to come gradually into or out of view, or to merge into another shot. |
25 | Fade Out Right
The image come or cause to come gradually into or out of view, or to merge into another shot. |
26 | Fade Out Right Big
The image come or cause to come gradually into or out of view, or to merge into another shot. |
27 | Fade Out Up
The image come or cause to come gradually into or out of view, or to merge into another shot. |
28 | Fade Out UP Big
The image come or cause to come gradually into or out of view, or to merge into another shot |
29 | Flash
A sudden brief burst of bright light of an element. |
30 | Flip
An Element can turn over or cause to turn over with a sudden quick movement. |
31 | Flip In X
An Element can turn over or cause to turn over with a sudden quick movement. |
32 | Flip In Y
An Element can turn over or cause to turn over with a sudden quick movement. |
33 | Flip Out X
An Element can turn over or cause to turn over with a sudden quick movement. |
34 | Flip Out Y
An Element can turn over or cause to turn over with a sudden quick movement. |
35 | Hinge
An Element can turn over or cause to turn over with a sudden quick movement. |
36 | Light Speed In
It going to provide the light or lighting with speed to element. |
37 | Light Speed Out
It going to provide the light or lighting with speed to element. |
38 | Pulse
It Provides a single vibration or short burs to an element. |
39 | Roll In
An Element can move in a particular direction by turning over and over on an axis. |
40 | Roll Out
An Element can move in a particular direction by turning over and over on an axis. |
41 | Rotate In Down Left
An Element can move in a particular direction by turning over and over on an axis. |
42 | Rotate In
An Element can move in a particular direction by turning over and over on an axis. |
43 | Rotate In Down Right
An Element can move in a particular direction by turning over and over on an axis. |
44 | Wobble
It provides to move an element or cause to move unsteadily from side to side. |
45 | Rotate In Up Left
It provides to move or cause to move in a circle round an axis or centre. |
46 | Rotate In Up Right
It provides to move or cause to move in a circle round an axis or centre. |
47 | Winggle
It provides to move or cause to move up and down or from side to side with small rapid movements. |
48 | Rotate Out
It provides to move or cause to move in a circle round an axis or centre. |
49 | Rotate Out Down Left
It provides to move or cause to move in a circle round an axis or centre. |
50 | Rotate Out Down Right
It provides to move or cause to move in a circle round an axis or centre. |
51 | Rotate Out Up Left
It provides to move or cause to move in a circle round an axis or centre. |
52 | Rotate Out Up Right
It provides to move or cause to move in a circle round an axis or centre. |
53 | Shake
It provides to move (an object) up and down or from side to side for an element. |
54 | Swing
It provides move or cause to move back and forth or from side to side while suspended or on an axis to an element. |
55 | Tada
It provides to move an element from side to side. |