动画
一、概述
CSS3的动画属性可以通过关键帧控制动画的每一步，就像flash动画一样，实现更复杂的动画效果。用法：
1)用@关键帧声明一个关键帧组。
2)调用动画属性中声明的关键帧组，实现动画。
代码：
影响
转换到：
二、animation属性的值：
1)动画-名称：指定一个关键帧动画的名称，用@ keyframes声明。
当该值为无(默认值)时，将不会有动画效果，该效果可用于覆盖任何动画。
2)动画-时长：动画时长，以s或ms为单位，通常以秒为单位。
3)动画-定时-功能：动画播放模式功能：线性、轻松等。
4)动画-延迟：动画开始前的延迟时间。
5)动画-迭代-计数：指定动画的循环次数。
该值一般为整数，默认值为1，即只播放一次。如果该值为无穷大，动画将无限期播放。
6)动画-方向：动画的播放方向。
默认值为正常，即动画每循环播放一次。当该值为交替时，动画向前播放偶数次，向相反方向播放奇数次，例如重复弹跳动画。
7)动画-播放-状态：用于控制动画的播放状态。
主要有两个值：运行和暂停。运行是默认值。暂停可用于停止正在播放的动画，运行可用于播放暂停的动画。
8)动画-填充-模式：用于设置动画的超时属性。
使用四个值：无、向前、向后和两者。
默认值为无，这意味着动画正常开始，之后，样式将返回到原始样式(动画属性以外的样式)。
当值为forwars时，动画结束后，样式保持最后一帧的样式(100%)。
当值向后时，当有延迟属性时，您可以快速将第一帧的样式应用于动画元素，而不是在动画开始时将第一帧的样式应用于动画元素。当然，当延迟为0时，你看不到效果。
当值为两者时，动画元素同时具有向前和向后属性效果。
内容来源网络，如有侵权，联系删除，本文地址：https://www.230890.com/zhan/151782.html