CSS/Eigenschaften/transform-origin

Aus SELFHTML-Wiki
< CSS‎ | Eigenschaften(Weitergeleitet von Transform-origin)
Wechseln zu: Navigation, Suche

Die Eigenschaft transform-origin legt ein Zentrum oder einen Dreh- und Angelpunkt für transform: rotate() fest, um den ein Element gedreht wird

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
  • initial:
  • inherit: Wert wird vom Elternelement übernommen
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