Unterdrückung der CSS-Übergangsinitiierung beim Laden der Seite
In bestimmten Situationen können CSS-Übergänge während des Ladens der Seite unbeabsichtigt aktiviert werden und dazu führen, dass Elemente flackern. Dieses Problem kann beim Anwenden von Farbübergängen auf Elemente auftreten.
Gemäß dem bereitgestellten Beispiel:
CSS:
p.green {
color: green;
transition: color .2s;
}
p.green:hover {
color: yellow;
}HTML:
<p class="green">The Flashing Text</p>
Beim Laden der Seite wechselt der Text im
-Element von Schwarz (der ursprünglichen Farbe) zu Grün. Dieses Verhalten ist unerwünscht und kann optisch störend sein.
Um diesen unbeabsichtigten Übergang zu verhindern, besteht eine Lösung darin, einen einzigartigen Aspekt des Verhaltens von Chrome zu nutzen. Wenn eine Seite ein