服务热线 400-660-8066
长沙网站建设
您可以随意更改任意数量的CSS属性。
如需使用CSS动画，您必须首先为动画指定一些关键帧。
关键帧包含元素在特定时间所拥有的样式。
配置动画创建动画序列，需要使用animation属性或其子属性，该属性允许配置动画时间、时长以及其他动画细节，但该属性不能配置动画的实际表现，动画的实际表现是由@keyframes规则实现，具体情况参见使用keyframes定义动画序列小节部分。animation的子属性有：animation-delay...
使用keyframes定义动画序列一旦完成动画的时间设置，接下来就需要定义动画的表现。通过使用@keyframes建立两个或两个以上关键帧来实现。首先编写我们想要的动画
CSS3动画的代码相对简单。CSS缺点：
动画控制上不够灵活。
兼容性不佳
部分动画无法实现（视差效果、滚动动画）
from{background-color：red;}
to{background-color：yellow;}
}
上下效果同等。
@keyframesdot{
0%{background-color：red;}
100%{background-color：yellow;}
}
接下来编写完动画，需要使用该动画。
animation-name：设置需要绑定到元素的动画名称；
animation-duration：设置完成动画所需要花费的时间，单位为秒或毫秒，默认为0；
animation-timing-function：设置动画的速度曲线，默认为ease；
animation-fill-mode：设置当动画不播放时（动画播放完或延迟播放时）的状态；
animation-delay：设置动画开始之前的延迟时间，默认为0；
animation-iteration-count：设置动画被播放的次数，默认为1；
animation-direction：设置是否在下一周期逆向播放动画，默认为normal；
animation-play-state：设置动画是正在运行还是暂停，默认是running；
animation：所有动画属性的简写属性。
添加动力小姐姐微信
电话咨询
400-660-8066
