CSS/Eigenschaften/scale

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

Die Eigenschaft scale skaliert (streckt, staucht oder verzerrt) die Form eines HTML-Elementes. Sie wurde im CSS Transforms Module Level 2 aus der transform-Eigenschaft herausgelöst.

erlaubte Werte
  • ein oder zwei Zahlen oder Prozentwerte
  • Vererbung steuernde Werte inherit, initial, unset und revert
  • Defaultwert: 1
anwendbar auf alle Elemente (Unterschied Tag Element Attribut)
Browsersupport Details: caniuse.com
Vererbung nein
animierbar ja, als Transformation
Beispiel
:hover .kreis {  
   scale: 2 0.5;
  }
/* entspricht: */
:hover .box {  
   transform: scale(2, 0.5);
  }
Das obere Beispiel skaliert eine Form mit der neuen CSS-Eigenschaft scale. Sie erfordert ein oder zwei mit Leerzeichen getrennte Werte.
Die Form .box wird mit transform skaliert. Als Wert wird die scale-Funktion mit zwei kommaseparierten Wert innerhalb der Klammer verwendet.
Beachten Sie: Die Syntax für den Wert unterscheidet sich von der der transform-Eigenschaft.

Weblinks

Siehe auch