-webkit-transition

已弃用：此功能不再推荐。尽管某些浏览器可能仍然支持它，但它可能已从相关的 Web 标准中删除，可能正在被弃用，或者可能仅出于兼容性目的而保留。避免使用它，如果可能，请更新现有代码；请参阅此页面底部的兼容性表以指导您的决策。请注意，此功能可能随时停止工作。

非标准：此功能是非标准的，并且不在标准轨道上。请勿在面向 Web 的生产站点上使用它：它不会对每个用户都起作用。实现之间也可能存在很大的不兼容性，并且行为将来可能会发生变化。

注意：所有浏览器都支持transition 属性，无需供应商前缀。只有基于 WebKit（Safari）的浏览器，而不是 Chromium，才支持 -webkit-transition 媒体特性。没有浏览器支持不带前缀的 transition 作为媒体查询（尽管某些浏览器确实支持 - -webkit-transform-3d）。请改用@supports (transition) 特性查询。

-webkit-transition 布尔型非标准CSS 媒体特性是WebKit 扩展，如果浏览上下文支持CSS 过渡，则其值为 true。

Apple 在Safari CSS 参考中有一个描述；现在在那里称为 transition。

注意：您不应使用此媒体特性；它从未被指定，也从未被广泛实施，并且已从大多数浏览器中删除。请改用@supports 特性查询。

语法

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

示例

改用 @supports

不要使用 -webkit-transition 媒体特性。相反，请使用 CSS @supports @规则 测试过渡支持，如下所示

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 */
}

规范

不是任何标准的一部分。

浏览器兼容性

BCD 表仅在启用 JavaScript 的浏览器中加载。

另请参阅