极客教程CSS 动画
动画
动画 是创建运动效果和改变外观的过程。CSS支持不同的动画效果来改变事件的运动。
下表列出了您可以在CSS中使用的所有效果−
| 序号 | 方法与描述 |
|---|---|
| 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 摇晃。它提供将物体上下或从一边到另一边移动。 54 摇摆。它提供将物体来回或从一边到另一边移动，同时悬挂或围绕轴线。 55 塔达。它提供将元素从一边移动到另一边。 |