Verwendung von transform-origin

Drehen mit Dreh- und Angelpunkten

Zentrum nicht festgelegt

Zentrum

CSS:

transform-origin: 50% 50%;
(Default-Wert)

Zentrum links oben

Zentrum

CSS:

transform-origin: 0 0;

Zentrum mitte unten

Zentrum

CSS:

transform-origin: center 100%;