Zum Inhalt springen

transform-origin

  • Redaktion 
  • Zuletzt aktualisiert am

#transform-origin

Legt den Ursprung für Transformationen fest, die durch die transform-Eigenschaft definiert sind.

default transform-origin: 50% 50% 0;

Der Ursprung der Transformation liegt in der Mitte des Elements.

transform-origin: 20px 70%;

Sie können 2 Werte verwenden:

  • der erste Wert ist die horizontale Achse
  • der zweite ist die vertikale Achse

transform-origin: top right;

Sie können eine Kombination von Positionsschlüsselwörtern verwenden: center, top, bottom, left and right.

transform-origin: center bottom;

Bei der Verwendung von Schlüsselwörtern können Sie die Reihenfolge der Achsen ändern, solange jedes Schlüsselwort eindeutig ist.