其中,有两个值,默认值为normal,如果设置为 normal时,动画的每次循环都是向前播放;另一 个值是alternate,其作用是,动画播放在第偶数 次向前播放,第奇数次向反方向播放。
第16章 设计动画
第17页
16.2.7 控制播放状态
animation-play-state主要用来控制元素动画的 播放状态,基本语法格式如下:
第16章 设计动画
第14页
16.2.4 定义动画延迟时间
animation-delay用来指定元素动画开始时间, 即动画延迟播放时间,基本语法格式如下:
animation-delay: <time>[,<time>]*
其中,<time>为数值,单位为s(秒),其默认值也 是0。这个属性和transition-delayy使用方法是一 样的。
第16章 设计动画
第8页
16.1.4 定义过渡效果
transition-timing-function的值允许开发人员根据时间的 推进去改变属性值的变换速率,也就是定义过渡动画的效 果,其基本语法格式如下:
transition-timing-function : ease | linear | ease-in | ease-out | ease-in-out | cubic-bezier(<number>, <number>, <number>, <number>) [, ease | linear | ease-in | ease-out | ease-in-out | cubic-bezier(<number>, <number>, <number>, <number>)]*