CSS/Eigenschaften/rotate

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

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

Siehe auch