CSS/Eigenschaften/transform-origin
Aus SELFHTML-Wiki
< CSS | Eigenschaften
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 |
|
---|---|
anwendbar auf | alle Elemente (Unterschied Tag Element Attribut) |
Browsersupport | Details: caniuse.com |
Vererbung | ja |
animierbar | ja |
Beispiel
#rotate3 div {
background:lime;
transform-origin: center 100%;
}
Beachten Sie: Für ältere Versionen von Safari und Android müssen Sie proprietäre Eigenschaften verwenden.
für Android und Safari:
-
-webkit-transform
Hinweis
Sie sollten bei der Definition solcher noch nicht umfassend verbreiteter Eigenschaften die herstellerspezifischen Angaben immer vor der standardisierten Form machen. Da später gemachte Angaben frühere überschreiben, ist so sichergestellt, dass die standardisierten Angaben von dem Zeitpunkt an, an dem sie unterstützt werden, auch verwendet werden.
Weblinks
- Spezifikation (W3C): transform-origin property
- MDN: transform-origin
Siehe auch
Liste der CSS-Eigenschaften
- Rahmen
- border
- border-radius
- border-image
- border-collapse
- border-spacing
- box-decoration-break
- box-shadow
- outline
- outline-offset
- rotate
- scale
- transform
- transform-origin
- transform-style
- translate
- perspective
- perspective-origin
- backface-visibility
- Abstände
- Benutzeroberfläche
- generierter Inhalt
- Größenangaben
- Grid Layout
- Hintergründe
- Listen
- Tabellen
- Positionierung und Anzeige
- Schriftformatierung
- Textausrichtung
- Animationen