Element-scoped view transitions, CSS contrast-color(), and the border-shape property.

Chrome's platform is a leading web browser developed by Google, offering insights into web standards, browser features, and web development tools. Through documentation, developer tools, and webinars, Chrome provides insights into building modern web applications and optimizing performance. Developers can learn about web APIs, progressive web apps (PWAs), and Chrome DevTools to create fast, secure, and user-friendly web experiences.

Chrome 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.

Chrome for Developers

<p>Nice lots of good stuff with this update. I’ll be using that color contrast and border shapes for sure!!</p>


<p>I wonder if the future here is less about adding new DevTools features and more about surfacing the right ones at the right time (context-aware debugging, smarter hints, etc.).</p>
