CSS 基本动画属性

animation：

当网页加载时，自动触发动画。调用@keyframes关键帧。

animation属性使用方法：

animation:关键帧的名称 动画的持续的时间 动画运用的类型 动画的延迟 动画运动的次数 动画运动的次数;

animation-name 关键帧名称

animation-duration 动画持续的时间

animation-timing-function 动画运用的类型（匀速linear、加速度、减速度、贝塞尔曲线）

animation-delay 动画延迟的时间

animation-iteration-count 动画运动的次数（默认情况下运动1次） infinite(无限循环)

animation-direction 动画运动的方向

animation-play-state 暂停/运动

@keyframes

@keyframes 关键帧名称 {
0%{ }
25%{ }
50%{ }
75%{ }
100%{ }
}

来源：CSDN

作者：weixin_46382155

链接：https://blog.csdn.net/weixin_46382155/article/details/104605306