以 x 百分比启动 CSS 动画

Question

我有一个 CSS 动画：

@keyframes{
    from{left: 0%;}
    to{left: 80%;}
}

现在我想在 63% 时开始播放动画。不是左 = 63%，而是动画的 63%。所以元素开始在 (80*0.63 = 50.4) left = 50.4%; 移动。如果这是不可能的，那么是否可以使用javascript更改关键帧？

谢谢阅读

Answer 1

您可以使用负动画延迟跳到您想要的步骤。您必须根据原始动画时间计算时间并将其设置为负动画延迟。