1.属性解释
动画名称:
animation-name: 起个名字;
动画执行时间:
animation-duration: 写个时间;
动画执行方式:
animation-timing-function
linear | 匀速 |
ease | 开始时慢,然后加快,在结束前再次变慢 |
ease-in | 以低速开始 |
ease-out | 以低速结束 |
ease-in-out | 以低速开始和结束 |
动画的延迟:
animation-delay: 写个延迟时间;
动画播放次数: infinite循环播放
animation-iteration-count: 定个循环次数;
播放方式:
animation-direction
normal | 默认值。动画正常播放 |
reverse | 反向播放 |
alternate | 奇数次正向播放,偶数次反向播放 |
alternate-reverse | 奇数次反向播放,偶数次正向播放 |
动画是否播放: paused(暂停)
animation-play-state: running(运行);
动画停止到完成位置:
animation-fill-mode