@@Bertie > [Einstieg_in_SVG/**SVG_mit_CSS_animieren**](https://wiki.selfhtml.org/wiki/Einstieg_in_SVG/SVG_mit_CSS_animieren) [Das erste Beispiel](https://wiki.selfhtml.org/wiki/Einstieg_in_SVG/SVG_mit_CSS_animieren#Animationen) ist leider nicht gut. Da wird `width` animiert, was man wegen Performanz nicht tun sollte, siehe [[MDN](https://developer.mozilla.org/en-US/docs/Learn_web_development/Extensions/Performance/CSS#choosing_properties_to_animate)]. Das sollte umgebaut werden auf die Animation von `transform: scaleX()` bzw. `scale`. Man könnte generell in Erwägung ziehen, statt `transform` die CSS-Eigenschaften `translate`, `rotate` und `scale` zu verwenden, aber das soll hier kein Kritikpunkt sein. [Weiter unten](https://wiki.selfhtml.org/wiki/Einstieg_in_SVG/SVG_mit_CSS_animieren#Animation_per_CSS:) sind zwei Rotationen hintereinander. Dient das didaktischen Zwecken? Warum sind die nicht zu einer zusammengefasst? 🖖 Live long and prosper {:@en} -- *“In my home, the America I love, the America I've written about, that has been a beacon of hope and liberty for 250 years, is currently in the hands of a corrupt, incompetent and treasonous administration. Tonight, we ask all who believe in democracy and the best of our American spirit, to rise with us, raise your voices against authoritarianism, and let freedom reign.”*{:@en} — Bruce Springsteen, Manchester 2025-05-14

@@Bertie > [Einstieg_in_SVG/**SVG_mit_CSS_animieren**](https://wiki.selfhtml.org/wiki/Einstieg_in_SVG/SVG_mit_CSS_animieren) [Das erste Beispiel](https://wiki.selfhtml.org/wiki/Einstieg_in_SVG/SVG_mit_CSS_animieren#Animationen) ist leider nicht gut. Da wird `width` animiert, was man wegen Performanz nicht tun sollte, siehe [[MDN](https://developer.mozilla.org/en-US/docs/Learn_web_development/Extensions/Performance/CSS#choosing_properties_to_animate)]. Das sollte umgebaut werden auf die Animation von `transform: scaleX()` bzw. `scale`. Man könnte generell in Erwägung ziehen, statt `transform` die CSS-Eigenschaften `translate`, rotate` und `scale` zu verwenden, aber das soll hier kein Kritikpunkt sein. [Weiter unten](https://wiki.selfhtml.org/wiki/Einstieg_in_SVG/SVG_mit_CSS_animieren#Animation_per_CSS:) sind zwei Rotationen hintereinander. Dient das didaktischen Zwecken? Warum sind die nicht zu einer zusammengefasst? 🖖 Live long and prosper {:@en} -- *“In my home, the America I love, the America I've written about, that has been a beacon of hope and liberty for 250 years, is currently in the hands of a corrupt, incompetent and treasonous administration. Tonight, we ask all who believe in democracy and the best of our American spirit, to rise with us, raise your voices against authoritarianism, and let freedom reign.”*{:@en} — Bruce Springsteen, Manchester 2025-05-14