CSS/Funktionen/rotateY()

Browserunterstützung
caniuse.com

Die CSS-Funktion rotateY() 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

Beispiel

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

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

Siehe auch

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

Weblinks

• CSSWG: The Transform Functions CSS Transforms Module Level 2
  • 2D Transform Functions CSS Transforms Module Level 1
• MDN: rotateY()
• Browser-Support: caniuse.com