CSS 动画笔记

animation 属性

animation : 动画名称 动画周期时间 动画速度曲线 开始前延迟 播放次数 是否反向

动画周期时间 animation-duration

值：秒 或者 毫秒

动画速度曲线 animation-timing-function

linear 动画从头到尾的速度是相同的
ease 默认。动画以低速开始，然后加快，在结束前变慢。
ease-in 动画以低速开始
ease-out 动画以低速结束
ease-in-out 动画以低速开始和结束

开始前延迟 animation-delay

值：秒 或者 毫秒

播放次数 animation-iteration-count

值： n次 或者 infinite（无限次）

是否反向 animation-direction

值：
normal 默认值。动画应该正常播放
alternate 动画应该轮流反向播放