Chrome 147 中的新变化

Rachel Andrew

发布时间：2026 年 4 月 7 日

Chrome 147 现已推出，本文将介绍此版本中的一些关键功能。阅读完整的 Chrome 147 版本说明。

此版本的亮点：

元素范围内的视图过渡

此功能可针对任意 HTML 元素公开 element.startViewTransition()。 该元素为过渡建立了一个范围，这意味着过渡伪元素会受到祖先剪辑和转换的影响，并且不同元素上的多个过渡可以同时运行。

元素范围的视图过渡还允许您嵌套正在进行的视图过渡，并保持页面的其余部分可互动。

如需了解详情，请参阅 Chrome 147 通过元素范围的视图转换实现并发和嵌套视图转换。

CSS contrast-color()

此功能可帮助您满足无障碍功能的对比度要求。

您可以在 CSS 中需要颜色值的任何位置使用 contrast-color() 函数。它接受颜色值实参，并返回“黑色”或“白色”，具体取决于哪个颜色与颜色实参的对比度最高。

如需了解详情，请参阅 MDN 文档中的 contrast-color()。

CSS border-shape 属性

借助 CSS border-shape 属性，您可以创建任意形状（例如多边形、圆形或 shape()）的非矩形边框。

虽然 border-shape 接受与 clip-path 相同的形状，但两者在根本上是不同的。border-shape 定义边框的形状，对其进行装饰，并仅裁剪内部。border-shape 有两种变体：一种用于描边形状，另一种用于填充两个形状之间的区域。

深入阅读

以下仅介绍了一些重点内容。如需了解 Chrome 147 中的其他更改，请点击以下链接。

订阅

如需及时了解最新动态，请订阅 Chrome 开发者 YouTube 频道，这样您就能在每次我们发布新视频时收到电子邮件通知。您也可以在 X 或 LinkedIn 上关注我们，获取新文章和博文。

Chrome 148 发布后，我们会立即在此处告知您 Chrome 中的新变化！