Css 如何以不同的速度设置关键帧的动画？

我对动画关键帧有五个点

0%、25%、50%、75%、100%

，我想让我的动画速度更快，除了75%到100%的速度，如下所示：

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

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

但动画速度与15s相同。我试着这样做：

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

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

现在它的动画速度与1s相同

所以，我不明白我怎么能有1秒的速度从0%到75%，15秒的速度从75%到100%

---

将其拆分为两个单独的动画，或者使用easing、easeOutExpo或其他工具