-webkit-transition

已棄用:此特性不再推薦。雖然某些瀏覽器可能仍然支援它,但它可能已經從相關的網路標準中刪除,可能正在刪除過程中,或者可能僅為相容性目的而保留。請避免使用它,如果可能,請更新現有程式碼;請參閱本頁底部的相容性表格以指導您的決策。請注意,此特性可能隨時停止工作。

非標準:此特性未標準化。我們不建議在生產環境中使用非標準特性,因為它們瀏覽器支援有限,並且可能會更改或被移除。但是,在沒有標準選項的特定情況下,它們可以是合適的替代方案。

注意:所有瀏覽器都支援無供應商字首的 transition 屬性。只有基於 WebKit(Safari)的瀏覽器支援 -webkit-transition 媒體特性,基於 Chromium 的瀏覽器則不支援。沒有瀏覽器支援無字首的 transition 作為媒體查詢(儘管有些瀏覽器支援 -webkit-transform-3d)。請改用 @supports (transition) 功能查詢。

-webkit-transition 布林型非標準 CSS 媒體特性WebKit 擴充套件,如果瀏覽上下文支援 CSS 過渡,則其值為 true

Apple 在 Safari CSS Reference 中有描述;現在那裡稱之為 transition

注意:你不應該使用這個媒體特性;它從未被規範化,也從未被廣泛實現,並且已從大多數瀏覽器中移除。請改用 @supports 功能查詢。

語法

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

示例

請改用 @supports

請勿使用 -webkit-transition 媒體特性。相反,請使用 CSS @supports at-rule 來測試過渡支援,如下所示:

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

已廢棄的示例

在它被廢棄之前,你可以在 CSS 中這樣使用 -webkit-transition

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

規範

不屬於任何標準。

瀏覽器相容性

另見