これは再現可能な最小限の例です。 「トグル」ホバーの遷移端が起動し(これは望ましくありません)、途中で「a」が非表示になります。
変換完了後のクリックスイッチを再現します。
トグルが の中にあるため、これが起こっていることに気付きました (変更できません)。切り替え時に(どの変換が発生したかを検出せずに)変換を停止する方法はありますか。
複雑になりすぎて、transitionend にバグがあることが判明しました。私は setTimeout を使用したいと思います (CSS トランジションには少しばかげています)。
リーリー リーリー リーリー
キーフレーム アニメーションの使用には JavaScript はまったく必要ありません。最終状態が何であるかを指定するだけで、最終状態がリセットされないようにパディング モードを
forwards
に設定してください。