Beispiel zur Notiz „SVG mit CSS gestalten“
Mit der Maus über die Zahnräder fahren. Links dreht sich die Form um den Ursprung des SVG und wandert aus dem Bild. Rechts mit transform-box: fill-box dreht sie sich an Ort und Stelle.
Statt eines echten Zahnrads dreht sich ein Rechteck, damit die Drehung gut zu sehen ist.
Getestet in Chrome 155. Browserstand und Einordnung: siehe Notiz.