HTML und CSS · Middle · Frage 15 von 75
Warum ist transform: translate() für Bewegungsanimationen oft besser, als left bei einem Element mit position: absolute zu ändern?
- 1
translateunterstützt Prozente,leftnur absolute Pixel - 2
leftlässt sich weder mittransitionnoch mit@keyframesanimieren - 3
translateändert das Layout nicht,leftberechnet es in jedem Frame neu
Antwort zeigen
Richtige Antwort: translate ändert das Layout nicht, left berechnet es in jedem Frame neu
Erklärung
Eine Verschiebung über transform beeinflusst den Fluss nicht und löst kein Reflow aus, also ist die Animation flüssiger. left lässt sich animieren, ist aber teurer. Beide unterstützen Prozente, die aber verschieden berechnet werden: translate nutzt die eigene Größe des Elements (daher der Zentrier-Trick translate(-50%, -50%)), left den Containing Block.