Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

-webkit-transition CSS Media-Feature

Deprecated

Avoid using this feature in new projects. This feature may be a candidate for removal from web standards or browsers.

Nicht standardisiert: Diese Funktion ist nicht standardisiert. Wir raten davon ab, nicht-standardisierte Funktionen auf produktiven Webseiten zu verwenden, da sie nur von bestimmten Browsern unterstützt werden und sich in Zukunft ändern oder entfernt werden können. Unter Umständen kann sie jedoch eine geeignete Option sein, wenn es keine standardisierte Alternative gibt.

Hinweis: Alle Browser unterstützen die transition-Eigenschaft ohne Vendor-Präfixe. Nur auf WebKit (Safari) basierende Browser und nicht Chromium unterstützen die -webkit-transition Media-Feature. Keine Browser unterstützen transition ohne Präfix als Media-Query (obwohl einige Browser - -webkit-transform-3d unterstützen). Verwenden Sie stattdessen die @supports (transition)-Feature-Query.

Die -webkit-transition Boolesche, nicht standardisierte CSS Media-Feature ist eine WebKit-Erweiterung, deren Wert true ist, wenn der Browserkontext CSS-Übergänge unterstützt.

Apple hat eine Beschreibung im Safari CSS Reference; dies wird dort jetzt transition genannt.

Hinweis: Sie sollten diese Media-Feature nicht verwenden; es wurde nie spezifiziert, war nie weit verbreitet implementiert und wurde aus den meisten Browsern entfernt. Verwenden Sie stattdessen eine @supports-Feature-Query.

Syntax

css
@media (-webkit-transition) {
  /* CSS to use if this media feature and prefixed transitions are supported */
}

Beispiele

Verwenden Sie @supports stattdessen

Verwenden Sie nicht die -webkit-transition Media-Feature. Stattdessen überprüfen Sie die Unterstützung von Übergängen mit der CSS @supports At-Regel, so wie hier:

css
@supports (transition: initial) {
  /* CSS to use if transitions are supported */
}

Veraltetes Beispiel

Bevor dies veraltet wurde, konnten Sie -webkit-transition in Ihrem CSS so verwenden:

css
@media (-webkit-transition) {
  /* CSS to use if transitions are supported */
}

Spezifikationen

Nicht Teil eines Standards.

Browser-Kompatibilität

Siehe auch