update

Baseline 2023
新推出

自 2023 年 9 月起,此功能可在最新的设备和浏览器版本上使用。此功能可能无法在较旧的设备或浏览器上使用。

update CSS 媒体特性用于测试输出设备在渲染内容后,能够多久(或是否能够)修改内容外观。

语法

none

一旦渲染,布局便无法再更新。例如:打印在纸上的文档。

慢速

布局可能根据 CSS 的常规规则动态更改,但输出设备无法足够快地渲染或显示更改,以使其被感知为流畅的动画。例如:电子书阅读器或性能严重不足的设备。

快速

布局可能根据 CSS 的常规规则动态更改,并且输出设备的速度没有异常限制,因此可以使用像 CSS 动画这样定期更新的内容。例如:电脑屏幕。

示例

HTML

html
<p>
  If this text animates for you, your browser supports `update` and you are
  using a fast-updating device.
</p>

CSS

css
@keyframes jiggle {
  from {
    transform: translateY(0);
  }

  to {
    transform: translateY(25px);
  }
}

@media (update: fast) {
  p {
    animation: 1s jiggle linear alternate infinite;
  }
}

结果

规范

规范
媒体查询第 4 级
# update

浏览器兼容性

另见