animation的step-start

animation的step-start_第1张图片

animation: clouds 20s linear 0s infinite normal;

animation的step-start属性,用于 速度 位置,这个属性,变成以一帧一帧的方式进行动画(没有过度效果)


-webkit-animation-name: person-slow;
-webkit-animation-duration: 950ms;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: step-start;

这种方式的效果也是一样,不过多了一个好处

增加-webkit-animation-play-state: paused;可以让动画停下来



你可能感兴趣的:(css)