Kosten für das Setzen von CSS-Übergängen auf alle Elemente

Question

Ich finde oft, dass ich Übergänge zu vielen Dingen hinzufüge, und oft sind es die gleichen Übergänge. Was wäre die Leistungskosten wie

etwas zu tun

* { 
    transition: all 200ms ease; //with prefixes, of course 
} 

und nur transition-property: none; auf Elemente Einstellung, die Sie gerade nicht Übergang wollte? Wäre es weniger als die Menge an Code, die erforderlich ist, um mehrere Übergangsanweisungen im gesamten Code hinzuzufügen?

BEARBEITEN: Für diejenigen, die sich über die Komplexität des DOM, das sich darauf bezieht, wundern, nehmen wir an, dass es ein komplexes DOM vom Web-App-Typ ist. Der Grund warum ich frage ist, dass sich viele Elemente auf der Seite nicht bewegen und somit den Übergang nicht benötigen. Ich bin neugierig, ob dies relevant ist und nur Übergänge zu allen Elementen zuzuteilen, ist schädlich für die Leistung.

Answer 1

, wenn sie nicht den Übergang sie zusätzliche Ressourcen nicht verbrauchen, so ist es das gleiche nach dem Rendern, vorausgesetzt, Sie alle unnötigen Übergänge entfernt haben.