返回首页
当前位置: 主页 > 编程语言 > CSS教程 >

CSS-动画

时间:2020-06-16 17:33来源:电脑教程学习网 www.etwiki.cn 编辑:小山哥

动画

动画是创建动作效果并更改外观的过程。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 多田

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


------分隔线----------------------------
标签(Tag):
------分隔线----------------------------
推荐内容
  • CSS-布局

    希望您对HTML表格非常满意,并希望您能够使用HTML表格高效地设计页面布局。 但是您知...

  • CSS-验证

    验证是根据规则检查某些内容的过程。 当您是初学者时,在编写CSS规则时会犯很多错误,...

  • CSS打印-@media规则

    当网页打印在纸上时,可以使用CSS更改网页的外观。 您可以为屏幕版本指定一种字体,为...

  • CSS-听觉媒体

    网络文档可以由语音合成器呈现。 CSS2允许您将特定的声音样式功能附加到特定的文档元...

  • CSS-Px到Em转换器

    PX到EM转换器 使用说明 默认像素大小应为16px。 然后输入px值以转换EM值。 否则,根据...

  • CSS-动画

    动画 动画 是创建动作效果并更改外观的过程。CSS确实支持各种动画效果来更改事件动作...

猜你感兴趣