Comment puis-je empêcher les transitions CSS de se déclencher lors du chargement de la page dans Chrome ?

Prévenir le déclenchement des transitions CSS lors du chargement de la page dans Chrome

Lors de l'utilisation de transitions CSS, il est crucial de résoudre un problème où certains navigateurs, comme Chrome , peut déclencher des transitions lors du chargement de la page. Cela peut entraîner des effets inattendus, tels que des éléments clignotant brièvement de différentes couleurs avant de prendre leur apparence finale.

Pour atténuer ce problème, une solution de contournement courante consiste à ajouter une balise de script contenant un seul espace au pied de page du page web. Ce script supprime efficacement le déclenchement prématuré des transitions.

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

Ce bug, initialement découvert dans Chrome, provient des interactions entre les transitions CSS et les éléments de formulaire (

). La cause sous-jacente fait toujours l'objet d'une enquête et d'un suivi via des rapports de bugs tels que https://crbug.com/332189 et https://crbug.com/167083.

En implémentant ce simple correctif de script, les développeurs Web peuvent empêcher les transitions n'interfèrent pas avec l'esthétique du chargement des pages et garantissent une expérience utilisateur fluide.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!