Looking for css Keywords? Try Ask4Keywords

CSSÜbergänge


Syntax

  • Übergang: [Übergangseigenschaft] [Übergangsdauer] [Übergangszeitfunktion] [Übergangsverzögerung];

Parameter

Parameter Einzelheiten
Übergangseigenschaft Die spezifische CSS-Eigenschaft, deren Wertänderung umgestellt werden muss (oder all , wenn alle umschaltbaren Eigenschaften umgestellt werden müssen.
Übergangszeit Die Dauer (oder Periode) in Sekunden ( s ) oder Millisekunden ( ms ), über die der Übergang stattfinden muss.
Übergangszeitfunktion Eine Funktion, die beschreibt, wie die Zwischenwerte während des Übergangs berechnet werden. Häufig verwendete Werte sind ease , ease-in , ease-out , ease-in-out , linear , cubic-bezier() , die steps() . Weitere Informationen zu den verschiedenen Timing-Funktionen finden Sie in den W3C-Spezifikationen .
Übergangsverzögerung Die Zeit, die vergangen sein muss, bevor der Übergang beginnen kann. Kann in Sekunden ( s ) oder Millisekunden ( ms ) angegeben werden

Bemerkungen

Einige ältere Browser unterstützen nur transition Herstellerpräfix :

  • -webkit : Chrome 25-, Safari 6-, Safari & Chrome für iOS 6.1-, Android 4.3- Browser, Blackberry Browser 7-, UC Browser 9.9- für Android.
  • -moz : Firefox 15-.
  • -o : Opera 11.5-, Opera Mobile 12-.

Beispiel:

-webkit-transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;

Übergänge Verwandte Beispiele