CSS动画 animation
作用 增加用户体验
定义动画:
@keyframes 名称 {
变化过程
}
执行:
animation:动画名称 动画执行时间 【延迟时间 动画曲线 执行次数 是否反向执行 是否保留最后一帧】
animation-name 动画属性名
animation-durvation 动画持续时间
animation-delay 动画延迟时间
animation-timing-function 动画速度曲线
animation-iteration-count 定义循环次数 infinite为无限循环
animation-direction :alternate 动画轮流反向播放
animation-play-state 动画状态
animation-fill-mode forwards 保留最后一帧动画