Beispiel nicht nachvollziehbar

[1unitedpower]

height sollte man sowieso nicht animieren.

Ich nehme an, die Aussage gründet sich auf dem Wissen, dass CSS-Transforms die Layout-Boxen nicht verändern und deshalb keine teuren Reflows nötig werden, wenn man sie animiert. Umgekehrt heißt das aber auch, dass man CSS-Transforms nicht benutzen kann, um Layout-Übergänge zu animieren. Und gerade dabei erscheinen mir weiche Übergange sinnvoll^[1]. Auch für CSS gelten im Wesentlichen die selben Performance-Regeln wie in anderen Bereichen: Optimieren auf Verdacht ist selten effektiv, stattdessen kann man nur messen, nachjustieren und erneut messen und die Prozedur wiederholen bis man mit der Performance zufrieden ist.

---

1. Sagt auch der Material-Design-Guide von Google. ↩︎