无标题文章

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