カスタムCSSアニメーション/遷移タイミングを機能させるためにどのよう

Question

CSSのタイミング機能は、常に2点間にあるように見える。でも、カスタムベジェ曲線で

、あなたの曲線はある地点から別の地点へ行くことができます。

それはあなたが複数のポイントから構成された曲線を作ることができるカスタムCSSタイミング機能を、作ることは可能ですか？

Answer 1

以下のタイミング機能があります。

transition-timing-function: ease; 
transition-timing-function: linear; 
transition-timing-function: step-end; 
transition-timing-function: steps(4, end); 

私は将来的にもっと欲しいです。

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

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

：今のところ、我々のようなカスタムタイミングを作成するために、時間の割合をいじる必要はあり