The Chrome Dev Team recaps the new CSS features that shipped in Google Chrome this past year in one amazingly designed webpage. They cover new functionality for creating more customizable components, next-gen interactions, and optimizing ergonomics.
We’ve been tracking many of these features as well:
- The Interest Invoker API and Invoker Commands enable us to work with dialog and popover elements directly in our markup without having to reach for JavaScript.
- We are able to tell more interesting stories using scroll state queries.
- Juan has been looking forward to the
sibling-count()andsibling-index()functions, both of which have been implemented. - The
attr()CSS function was enhanced, it actually does what you’d expect now! - We have a new way to conditionally adjust properties using the
if()function. - Designing interesting looking elements is a bit easier now thanks to
shape()commands. - Similarly, we have a lot more control over element corners with
corner-shape(), not justborder-radiusanymore. - And If all these new functions weren’t enough, we are able to create our own custom CSS functions!
This is just scratching the surface though, check out the full CSS Wrapped 2025 to see what all made it into the Chrome browser in 2025. It’s been a wild year for CSS and the CSS Wrapped 2025 page itself demonstrates that in spades.
CSS Wrapped 2025 originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.
