Neustart Transform-Tutorial

[Der Martin]

Hallo Rolf,

Wenn du x,y,width und height als custom properties hast, dann bekommst Du das Zentrum des Rechtecks ganz einfach so:

.foo {
   transform-origin: calc(var(--x) + 0.5*var(--width)),
                     calc(var(--y) + 0.5*var(--height));

aber nur, wenn die Seiten des Rechtecks zunächst parallel zu den Koordinatenachsen liegen. Ist das Rechteck aber von Haus aus schon irgendwie schräg, wird es komplizierter.

Einen schönen Tag noch
 Martin