Das Driftverhalten bei Rotationen von Formen beheben

Avatar of Chris Coyier
Chris Coyier am

DigitalOcean bietet Cloud-Produkte für jede Phase Ihrer Reise. Starten Sie mit 200 $ kostenlosem Guthaben!

Steve Ruiz bezeichnet diesen Beitrag als „extra-obskure Ausgabe von Micro-UX in Design-Tools“, aber ich finde ihn faszinierend! Wenn Sie eine Gruppe von Elementen in einem Design-Tool auswählen, sie dann drehen und später dieselben Elemente erneut auswählen und versuchen, sie zurückzudrehen, werden Sie feststellen, dass sie sich von der ursprünglichen Position ein wenig „gedriftet“ haben.

Das liegt daran, dass die Auswahl der Elemente um einen Mittelpunkt rotieren muss (transform-origin, in CSS-Terminologie), aber wo dieser Mittelpunkt liegt, wird nach der Rotation anders berechnet. Der Trick, wenn ein bestimmtes Design-Tool ihn beheben möchte

[…] hier ist die Lösung: Sobald ein Benutzer eine Rotation startet, behalten wir den Mittelpunkt; wenn der Benutzer erneut rotiert, verwenden wir denselben Punkt wieder; und wir geben ihn erst frei, wenn der Benutzer eine neue Auswahl trifft.

Es gibt einen verwandten Tweet-Thread.

Direkter Link →