hooyantsing's Blog

P202_9_steps步进帧动画过渡效果

字数统计: 118阅读时长: 1 min
2020/04/24

P202 9 steps步进帧动画过渡效果

steps

步进动画函数。

不希望连贯的运动,可以使用步进,一帧一帧的动,就像是机械舞。

9bb20789751e9b66c41db7a31df27e7f.png

1
2
3
4
//start立即开始步进动画
transition-timing-function: step(4,start);
//end等待一个帧的时间后再步进动画
transition-timing-function: step(4,end);

P204 11 step-end和step-start使用

steps-start

简写,相当于step(1,start)。

1
transition-timing-function: steps-start;

steps-end

简写,相当于step(1,end)。

1
transition-timing-function: steps-end;
CATALOG