javascript - 「CSS3トランジェントアニメーション」の処理でトランジェント値を取得することはできますか？

Question

たとえば、トランジェントを使用して、translate(x, y) の値を変更して 2 秒のアニメーションを実装する場合などです。0.5 秒の瞬間に translate(x, y) の現在の値を取得するにはどうすればよいですか?

Answer 1

私はあなたができるとは思わない。遷移タイミング関数をに設定するlinearことで、簡単に推定できます。または、他のタイミング関数のベジェ曲線を使用して、計算することができます。

これを見つける必要がある場合は、アニメーション（キーフレームを使用している場所を定義できます）またはjavascript（DOM要素、キャンバス、またはSVGのいずれか）を使用してアニメーション化する方がよい場合があります。