css3中变形与动画(下)
1.设置动画播放次数:
animation-iteration-count 定义动画的播放次数
语法:animation-iteration-count:n/infinite
n:定义动画的播放次数
infinite:定义动画的无限播放
2.动画时间外属性:
animation-fill-mode:属性规定当动画不播放时(当动画完成时或当动画有一个延迟未开始播放时)
要应用到元素的样式
语法:animation-fill-mode:node|forwards|backwards|both
none:默认值:动画在动画片之前或之后不会应用任何样式到目标元素
forwards:在动画结束后(由animation-iteration-count决定)动画体被锁定的位置在结束的位置
backwards:在动画结束后(由animation-iteration-count决定)动画体被锁定的位置在开始的位置
3.过度动画和关键帧动画的区别
过渡动画相当于关键帧动画,我们只关注它第一帧和最后一帧动画,而关键帧动画我们可以操控它全部过程中的每一帧
4.贝塞尔函数知识
四个函数(x1,y2,x2,y2,)
x1>y1 x2>y2先慢后快
x1<y1 x2<y2 先快后慢