弃用
This feature is no longer recommended. Though some browsers might still support it, it may have already been removed from the relevant web standards, may be in the process of being dropped, or may only be kept for compatibility purposes. Avoid using it, and update existing code if possible; see the
兼容性表格
at the bottom of this page to guide your decision. Be aware that this feature may cease to work at any time.
非标
此特征是非标准的，且不在标准轨道中。不要在面向 Web 的生产站点中使用它：它不适用于每个用户。实现之间可能存在大的不兼容性，且行为将来可能改变。
-webkit-transition
布尔
CSS
media feature
是
Chrome extension
whose value is
true
if the browsing context supports
CSS 过渡
. It was never supported in browsers not based on WebKit or Blink.
Apple has
a description in Safari CSS Reference
; this is now called simply
transition
there.
注意：
You should not use this media feature; it was never specified, has never been widely implemented, and has been removed from all browsers. Use an
@supports
feature query instead.
@media (-webkit-transition) {
/* CSS to use if transitions are supported */
}
Do not use the
-webkit-transition
media feature. Instead, test for transition support using the CSS
@supports
at-rule
, like this:
@supports (transition: initial) {
/* CSS to use if transitions are supported */
}
Before this became obsolete, you could use
-webkit-transition
in your CSS like this:
@media (-webkit-transition) {
/* CSS to use if transitions are supported */
}
Not part of any standard.
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
-webkit-transition
media feature
弃用
非标
|
Chrome 不支持 2 — 36 | Edge 不支持 No | Firefox 不支持 No | IE 不支持 No | Opera 不支持 15 — 23 | Safari 完整支持 4 | WebView Android 不支持 ≤37 — ≤37 | Chrome Android 不支持 18 — 36 | Firefox Android 不支持 No | Opera Android 不支持 14 — 24 | Safari iOS 完整支持 3.2 | Samsung Internet Android 不支持 1.0 — 3.0 |
完整支持
不支持
非标。预期跨浏览器支持较差。
弃用。不要用于新网站。