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 (