CSS/Funktionen/rotateX()
Aus SELFHTML-Wiki
CSS | Funktionen
Die CSS-Funktion rotateX() definiert eine Transformation, die ein Element um die Abszisse (horizontale Achse) dreht, ohne es zu verformen. Ihr Ergebnis ist ein Datentyp <Transformationsfunktion>
- anwendbar auf
- HTML-Blockelemente, mit Ausnahme von nicht ersetzten Inline-Elementen
- SVG-Elemente
- Parameter
- * ein (positives oder negatives) Winkelmaß in deg. Negative Werte bewirken eine Drehung gegen den Uhrzeigersinn.
Beispiel
path:hover .rotateX {
transform: rotateX(180deg);
}
Das path-Element wird 180° um die X-Achse gedreht.
Siehe auch
Weblinks
- CSSWG: The Transform Functions CSS Transforms Module Level 2
- 2D Transform Functions CSS Transforms Module Level 1
- MDN: rotateX()
- Browser-Support: caniuse.com