CSS/Eigenschaften/rotate

Die Eigenschaft rotate dreht die Form eines HTML-Elementes. Sie wurde im CSS Transforms Module Level 2 aus der transform-Eigenschaft herausgelöst.

erlaubte Werte	Winkelmaß Vererbung steuernde Werte inherit, initial, unset und revert Defaultwert: 0°
anwendbar auf	alle Elemente (Unterschied Tag Element Attribut)
Browsersupport	Details: caniuse.com
Vererbung	nein
animierbar	ja, als Transformation

Beispiel

:hover .kreis {  
   rotate: 7deg;
  }
/* entspricht: */
:hover .box {  
   transform: rotate(7deg);
  }

Das obere Beispiel dreht eine Form mit der neuen CSS-Eigenschaft rotate. Sie erfordert ein Winkelmaß.
Die Form .box wird mit transform rotiert. Als Wert wird die rotate-Funktion mit einem Winkelmaß innerhalb der Klammern verwendet.

Beachten Sie: Die Syntax für den Wert unterscheidet sich von der der transform-Eigenschaft.

Weblinks

• Spezifikation (W3C): Individual Transform Properties: the translate, scale, and rotate properties
• MDN: rotate

Siehe auch

• CSS/Tutorials/Transform