インナーチャイルドの過渡期の火

Question

これは再現可能な最小限の例です。 「トグル」ホバーの遷移端が起動し（これは望ましくありません）、途中で「a」が非表示になります。

変換完了後のクリックスイッチを再現します。

トグルが の中にあるため、これが起こっていることに気付きました (変更できません)。切り替え時に（どの変換が発生したかを検出せずに）変換を停止する方法はありますか。

複雑になりすぎて、transitionend にバグがあることが判明しました。私は setTimeout を使用したいと思います (CSS トランジションには少しばかげています)。

リーリー リーリー リーリー

Answer 1

キーフレーム アニメーションの使用には JavaScript はまったく必要ありません。最終状態が何であるかを指定するだけで、最終状態がリセットされないようにパディング モードを forwards に設定してください。

リーリー リーリー