学习日记（13）--CSS3动画

animation: 动画名称 持续时间 动画方式 延迟时间 动画次数 动画方向;
animation-name 对哪一个动画进行调用
animation-duration 动画的持续时间
animation-timing-function 动画的速率方式
animation-delay 动画的延迟时间
animation-iteration-count 动画的播放次数
animation-direction 动画的播放方向，正向还是反向

定义动画

@keyframes 动画名
{
    0%{}
    ……
    100%{}
}

animation-timing- function：

linear匀速
ease快到慢
ease-in越来越快
ease-out越来越慢
ease-in-out先快后慢

animation-iteration-count

属性取值有两种：一种是“正整数”；另外一种是“infinite”。当取值是n（正整数）时，表示动画播放n次；当取值为infinite时，表示动画播放无数次，也就是循环播放。

animation-play-state

running 播放
paused 暂停