动画animation相关属性和应用

关键帧：keyframes

动画属性：

1.animation-name：动画属性名

2.animation-duration：动画持续时间

3.animation-delay：动画延迟时间

4.animation-timing-function：动画速度曲线

5.animation-iteration-count：定义循环次数，infinite为无线循环

6.animation-direction：alternate 动画轮流反向播放

7.animation-play-state：动画状态（分为paused和running）

8.animation-fill-mode：forwards 保留最后一帧动画

案例实现代码和效果

QQ录屏20220428203249