-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 */
}
规范
不属于任何标准。
浏览器兼容性
加载中…