CSS/Funktionen/rotateX()

Die rotateX()-Funktion definiert eine Transformation, die ein Element um die Abszisse (horizontale Achse) dreht, ohne es zu verformen. Ihr Ergebnis ist ein Datentyp <Transformationsfunktion>.

Parameter	ein (positives oder negatives) Winkelmaß in deg. Negative Werte bewirken eine Drehung gegen den Uhrzeigersinn.
anwendbar auf	* HTML-Blockelemente, mit Ausnahme von nicht ersetzten Inline-Elementen SVG-Elemente
Browsersupport	caniuse: mdn-css_types_transform-function_rotateX

Beispiel

path:hover .rotateX {
  transform: rotateX(180deg);
}

Das path-Element wird 180° um die X-Achse gedreht.

Weblinks

• CSSWG: The Transform Functions CSS Transforms Module Level 2
  • 2D Transform Functions CSS Transforms Module Level 1
• MDN: rotateX()

Siehe auch

• Transform
  • Transform/Drehen,_Kreisen_und_Pendeln
  • SVG-Transformationen
• CSS/Eigenschaften/rotate