如何以不同的速度为关键帧设置动画?

时间:2014-03-14 05:27:23

标签: css3 animation

我对动画关键帧0%, 25%, 50%, 75%, 100%有5分,我想让动画更快,除了75%到100%之外:

animation: goal 1s, goal 1s, goal 1s, goal 1s, goal 15s;

但以 15s 的相同速度制作动画。我试过这样:

animation: goal 1s, goal 1s, goal 1s, goal 15s, goal 1s;

现在它以 1s 的相同速度制作动画。

所以,我无法理解我如何将0s速度从0%提高到75%,15s从75%提高到100%。

demo

1 个答案:

答案 0 :(得分:0)

将其拆分为2个单独的动画或使用缓动,easeOutExpo或其他东西