Best of Google Chrome — April 2026

1. 1
   Article

   Chrome Developers·7w

   Chrome for Developers

   Chrome 147 introduces three notable features for web developers. Element-scoped view transitions expose startViewTransition() on arbitrary HTML elements, enabling concurrent and nested transitions while keeping the rest of the page interactive. The new CSS contrast-color() function automatically returns black or white based on which provides higher contrast against a given color, aiding accessibility compliance. The CSS border-shape property allows creating non-rectangular borders using arbitrary shapes like polygons, circles, or shape() values, differing from clip-path by decorating the border rather than clipping the entire element.

   160

   4
2. 2
   Article

   Chrome Developers·6w

   Chrome for Developers

   Chrome 148 beta introduces a range of CSS and Web API improvements. CSS highlights include name-only container queries, lazy loading for video/audio elements, the new `revert-rule` keyword, `at-rule()` for feature detection, and `text-decoration-skip-ink: all`. On the Web API side, notable additions are the Prompt API for on-device AI (text, image, audio), SharedWorker re-enabled on Android with an extended lifetime option, Web Serial API on Android, WebGPU linear_indexing, Web Authentication Immediate UI mode, and WebRTC `alwaysNegotiateDataChannels`. New origin trials include HTML-in-canvas, Container Timing, Declarative CSS Module Scripts, OpaqueRange, and Agentic Federated Login.

   23

   1
3. 3
   Article

   CSS-Tricks·7w

   New CSS Multi-Column Layout Features in Chrome

   Chrome 145 introduces two new CSS properties — `column-wrap` and `column-height` — that address a long-standing limitation of multi-column layouts: horizontal overflow. With `column-wrap: wrap`, content that exceeds the column height flows into a new row below rather than creating a horizontal scroll, enabling 2D multi-column flows. The post covers practical use cases including fixed-height card grids, newspaper-style layouts, and block-direction carousels using scroll-snap. It also outlines limitations: the properties require known column heights, still need media queries for full responsiveness, and lack the precise alignment control of CSS Grid. A comparison with Grid, Flexbox, and CSS Masonry clarifies when multi-column is the right tool. Browser support is currently Chrome 145+ only.

   20
4. 4
   Article

   Chrome Developers·7w

   Chrome 147 enables concurrent and nested view transitions with element-scoped view transitions

   Chrome 147 ships element-scoped view transitions, allowing developers to call `Element.startViewTransition()` on a DOM subtree rather than the entire document. This enables multiple view transitions to run concurrently, supports nesting of ongoing transitions, and fixes layering issues with `position: fixed` content while keeping the rest of the page interactive. Key behavioral defaults include self-participating scope roots, automatic containment of nested pseudo-elements, overflow clipping, and automatic application of `contain: layout` and `view-transition-scope: all` on the scope root during transitions. The feature graduated from developer testing in Chrome 140 to stable in Chrome 147 after collaboration with the CSS Working Group.

   13

   1