SELF-Treffen in Mannheim 2025

SELFHTML wird 30 Jahre alt!
Die Mitgliederversammlung findet am 24.05.2025 um 10:00 statt. Alle Mitglieder und Interessierte sind herzlich eingeladen.
Davor und danach gibt es Gelegenheiten zum gemütlichen Beisammensein. → Veranstaltungs-Ankündigung.

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