Chrome でのページ読み込み時に CSS 遷移がトリガーされないようにするにはどうすればよいですか?

Chrome でのページ読み込み時の CSS トランジションのトリガーの防止

CSS トランジションを利用する場合、Chrome などの特定のブラウザで発生する問題に対処することが重要です。 、ページの読み込み中に遷移をトリガーする可能性があります。これにより、要素が最終的な外観に落ち着く前に異なる色で一時的に点滅するなど、意図しない効果が発生する可能性があります。

この問題を軽減するための一般的な回避策は、スペースを 1 つ含むスクリプト タグをファイルのフッターに追加することです。ウェブページ。このスクリプトは、早期のトランジションの起動を効果的に抑制します。

<code class="html"><script></script></code>

最初に Chrome で発見されたこのバグは、CSS トランジションとフォーム要素 (

) の間の相互作用に起因します。根本的な原因は、https://crbug.com/332189 や https://crbug.com/167083 などのバグ レポートを通じて引き続き調査および追跡されています。

この単純なスクリプト修正を実装することで、Web 開発者は次のような問題を防ぐことができます。ページ読み込みの美しさを妨げない移行を実現し、スムーズなユーザー エクスペリエンスを保証します。

以上がChrome でのページ読み込み時に CSS 遷移がトリガーされないようにするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。