CSS/Eigenschaften/transform-origin

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche
Die Eigenschaft transform-origin legt in einem Element den Bezugspunkt für die Transform-Funktionen fest.
Erlaubte Werte
  • x-Achse: legt den Wert der Höhe fest
  • y-Achse: legt den Wert der Breite fest
  • z-Achse: legt den Wert der Tiefe (bei 3d-Objekten) fest
Vererbung steuernde Werte inherit, initial, unset und revert
Standardwert

50% 50% 0

anwendbar auf

alle Elemente

Vererbung

ja

animierbar

ja

Beispiel
#rotate3 div {
  background:lime;	
  transform-origin: center 100%;
}
 

Siehe auch

Weblinks