Hallo Jörg, transform-origin geht auch, ist aber umständliches Finetuning. Besser das Problem gar nicht erst entstehen lassen: ~~~css .play-button { transition: transform 0.5s; /* Übergangszeit für das Dreieck */ width: 100%; height: 100%; } ~~~ Das ist die Magie von [preserveAspectRatio](https://wiki.selfhtml.org/wiki/SVG/Tutorials/Einstieg/SVG_in_responsiven_Webseiten#preserveAspectRatio). Und welcher Depp meinte, deswegen eine Moderationsmeldung machen zu müssen?! Offenbar gibt's hier auch ein fachliches Thema. _Rolf_ -- sumpsi - posui - obstruxi

Hallo Jörg, transform-origin geht auch, ist aber umständliches Finetuning. Besser das Problem gar nicht erst entstehen lassen: ~~~css .play-button { transition: transform 0.5s; /* Übergangszeit für das Dreieck */ width: 100%; height: 100%; } ~~~ Das ist die Magie von [preserveAspectRatio](https://wiki.selfhtml.org/wiki/SVG/Tutorials/Einstieg/SVG_in_responsiven_Webseiten#preserveAspectRatio). _Rolf_ -- sumpsi - posui - obstruxi

Hallo Jörg, statt absolutem Rumpositionieren: ~~~css .play-button { transition: transform 0.5s; /* Übergangszeit für das Dreieck */ width: 100%; height: 100%; } ~~~ Das ist die Magie von [preserveAspectRatio](https://wiki.selfhtml.org/wiki/SVG/Tutorials/Einstieg/SVG_in_responsiven_Webseiten#preserveAspectRatio). _Rolf_ -- sumpsi - posui - obstruxi