Suppression du lancement de la transition CSS lors du chargement de la page

Dans certaines situations, les transitions CSS peuvent s'activer par inadvertance lors du chargement de la page, provoquant le scintillement des éléments. Ce problème peut survenir lors de l'application de transitions de couleurs sur des éléments.

Selon l'exemple fourni :

CSS:

p.green {
   color: green;
   transition: color .2s;
}

p.green:hover {
   color: yellow;
}

HTML:

<p class="green">The Flashing Text</p>

Lors du chargement de la page, le texte de l'élément

passe du noir (la couleur initiale) au vert. Ce comportement est indésirable et peut être visuellement perturbateur.

Pour éviter cette transition involontaire, une solution consiste à exploiter un aspect unique du comportement de Chrome. Lorsqu'une page contient un élément

<script> </script>

Cette solution de contournement simple résout le bogue dans Chrome en fournissant un élément