作用:增加用户体验
不推荐过度使用
关键帧:keyframes
@keyframes | 规定动画 | |
animation | 所有动画属性的简写属性 | |
animation-name |
@keyframes动画的名称 | |
animation-duration | 动画一个周期持续时间 | 默认0 |
animation-delay | 动画延迟时间(什么时候开始) | 默认0 |
animation-timing-function | 动画速度曲线 | 默认“ease” |
animation-iteration-count | 循环次数 | 默认1,infinite为无限循环 |
animation-direction | 动画是否在下一周期逆向地播放。 | 默认是 "normal"。alternate:动画轮流反向播放 |
animation-play-state | 动画状态(是否正在运行或暂停) | 值(paused、running) |
animation-fill-mode | 规定当动画不播放时(当动画完成时,或当动画有一个延迟未开始播放时),要应用到元素的样式。 | forwards保 |