-webkit-animation

非标准:此功能是非标准的,不在标准化轨道上。不要在面向网络的生产网站上使用它:它不会对所有用户起作用。实现之间也可能存在很大差异,并且行为可能会在将来发生变化。

已弃用:此功能不再推荐。虽然一些浏览器可能仍然支持它,但它可能已经被从相关的网络标准中移除,可能正在被丢弃,或者可能只出于兼容性目的而保留。避免使用它,如果可能,更新现有代码;请查看本页底部 兼容性表 以指导您的决定。请注意,此功能随时可能停止工作。

注意:所有浏览器都支持 animation 属性,没有供应商前缀。只有基于 WebKit(Safari)的浏览器,而不是 Chromium,支持 -webkit-animation 媒体特征。没有浏览器支持 animation,没有前缀,作为媒体查询。改用 @supports (animation) 功能查询。

-webkit-animation 布尔 CSS 媒体特征 是一个 WebKit 扩展,如果支持带供应商前缀的 CSS animation,则其值为 true

Apple 在 Safari CSS 参考 中有描述。

注意:此媒体特征仅受 WebKit 支持。如果可能,改用 @supports 功能查询。

语法

-webkit-animation 媒体特征是一个布尔值,如果支持带供应商前缀的 CSS 动画属性 *并且* 浏览器支持带前缀的属性媒体查询,则其值为 true

true

浏览器支持带 -webkit 前缀的 CSS animation

false

浏览器不支持这些带前缀的 CSS 动画。

示例

-webkit-animation 的示例

css
@media (-webkit-animation) {
  /* CSS to use if -webkit- prefixed animations are supported AND the browser supports prefixed properties as media queries */
}

规范

不属于任何标准。

浏览器兼容性

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

另请参阅