如何制作自定义CSS动画/过渡计时功能

Question

CSS计时功能似乎总是在2点之间：

即使使用自定义贝塞尔曲线，您的曲线也只能从一个点到另一个点。

是否可以制作自定义CSS计时功能，您可以制作包含多个点的曲线？

Answer 1

我们有以下时间功能。

@keyframes wordsAnimationZoomIn{
    0%{
        opacity: 0;
    }
    25%{
        opacity: 0.5;
    }
    75%{
        opacity: 0.5;
    }
    100%{
        opacity: 1;
    }
}

我希望将来我们能得到更多。目前，我们必须调整创建自定义时序的时间百分比，如：

R

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Transitions/Using_CSS_transitions