CSS - transform-origin
Die transform-origin Eigenschaft kann die Position von transformierten Elementen ändern.
Beispiel
div {
transform-origin: 20% 40%;
}
Definition und Verwendung
- Standard Wert:
- 50% 50% 0
- CSS Version:
- CSS3
- Vererbt sich:
- Nein
- Animierbar:
- Ja
- -webkit-:
- -webkit-transform-origin
- -moz-:
- -moz-transform-origin
- -o-:
- -o-transform-origin
- -ms-:
- -ms-transform-origin
Browser Unterstützung
Chrome Nein
Firefox Nein
Safari Nein
Opera Nein
Edge Nein
IE Nein
Mögliche Werte
Der Eigenschaft können die hier aufgelisteten Werte zugewiesen werden.
| Wert | Beschreibung |
|---|---|
| x y z | Legt fest, wo die Ansicht platziert ist. Mögliche Werte für die ersten 2 Parameter:
|
| initial | Setzt diese Eigenschaft auf den Standardwert. |
| inherit | Erbt diese Eigenschaft von seinem übergeordneten Element. |