Referenz:CSS/Eigenschaften/transform

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche
Eigenschaft transform CSS 3.0
Beschreibung ändert die Form eines HTML-Elementes. So lässt es sich etwa spiegeln, drehen oder scheren, aber auch verschieben.
erlaubte Werte
  • none:
  • translate(): Verschiebung
  • scale(): Streckung
  • rotate(): Drehung
  • skew(): Scherung
  • matrix(): Transformieren durch Angabe einer Transformationsmatrix
default-Wert

none

anwendbar auf alle Elemente (Unterschied Tag Element Attribut)
Vererbung nein
animierbar ja, als Transformation
Browsersupport
  • Chrome
  • Firefox
  • IE 10
  • Opera
  • Safari
Spezifikation W3c logo klein.gif transform
Beispiel
:hover .box {  
   transform: 
     rotate(7deg)
     scale(2, 2)
     skewX(20deg)
     translate(150px, 150px);
  }
Beachten Sie
Tipp