CSS - 动画


动画片

动画是创建运动效果并改变外观的过程。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 淡出 UP 大

图像逐渐进入或退出视野,或合并到另一个镜头中

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 多田

它提供将元素从一侧移动到另一侧的功能。