Alex: "transform: rotate" Geht das relativ?

Beitrag lesen

Hi!

Ich kann bei mir auch nach dem ~50sten Klick keine Verlangsamung von irgendetwas feststellen. Irgendjemand?
Nur in Firefox und Chrome getestet, nur aufm Desktop PC getestet.

Meine Erwartungshaltung ist, dass der Browser aus allen Angaben zuerst eine Transformationsmatrix berechnet (Aufwand wächst mit mehr Angaben, geht aber trotzdem sehr schnell) und dann erst die genau eine Transformation durchführt (der rechenintensivere Teil, aber konstanter Aufwand da immer nur eine Matrix).

Ich kann mir vorstellen, dass diese Optimierung nicht greift, wenn man die Transformationen in verschiedenen Regeln hat, also sowas:
.a { transform:rotate(90deg); }
.b { transform:rotate(90deg); }
.c { transform:rotate(90deg); }
.d { transform:rotate(90deg); }

<p class="a b c d">...</p>

Aber auch das ist vermutlich noch pfeilschnell. Spiele mit anspruchsvoller Grafik machen sowas am laufenden Band, und die Browser gehen ja inzwischen auch direkt auf die Grafikkarte.

Viele Grüße,
Alexander