Chrome on Android is going edge-to-edge from Chrome 135.

Build edge-to-edge web experiences

Learn how scroll-driven and scroll-triggered animations enhance storytelling articles

You can now use attr() with any CSS property–including custom properties–and it can parse values into data types other than strings.

Join the Chrome DevRel team and a skateboarding Chrome Dino on a journey through the latest CSS launched for Chrome and the web platform in 2024.

Chrome 131 is rolling out now! More CSS styling for the details element, easier print layout with page margin boxes, and there is plenty more.

You can now set the display type and also style the container for the part that expands and collapses using the new ::details-content pseudo-element.

Chrome 130 is rolling out now! Document picture in picture gives you more control over picture in picture windows, CSS Nested declarations fix some tricky edge cases, and you can specify how decorations on elements split across multiple lines behave. Pete LePage has all the details about what's new for developers in Chrome 130.

Get started with same-document view transitions for use in your single-page application.

Animate to and from intrinsic sizing keywords with `interpolate-size` and `calc-size()`

Introducing two new JavaScript events: scrollSnapChange and scrollSnapChanging.

With more and more people starting to look into the View Transition API, it's time to debunk some misconceptions.

Read all of the CSS and Web UI announcements from Google I/O 2024.

Announcing cross-document view transitions for MPA, selective view transitions with active types, and sharing animation styles with view-transition-class.

Discover the benefits of Scroll-driven animations with Policybazaar, redBus, and Tokopedia.

Learn how ecommerce sites benefit from implementing the latest CSS and UI features—View Transitions, Scroll-driven animations, Popover API, and more.

A 10-part video course to learn all about scroll-driven animations

A proposal to define masonry and grid in different specifications.

Get started with cross-document view transitions for use in your multi-page application (MPA).

The View Transition API lets you add transitions between views of a website.

As of Chrome 122 the `::backdrop` element inherits properties from its originating element.

Use the `scrollbar-width` and `scrollbar-color` properties to style scrollbars.

Create an exclusive accordion with multiple `` elements that have the same `name`.

2023 was a huge year for CSS! Learn about what landed in Chrome and across the web platform this year.

Learn how to use @scope to select elements only within a limited subtree of your DOM.

Introducing linear(), an easing function in CSS that interpolates linearly between its points, allowing you to recreate bounce and spring effects.

The top 20 CSS and UI features highlighted at Google I/O 2023 that you don't want to miss.

Learn how to work with Scroll Timelines and View Timelines to create scroll-driven animations in a declarative way.

When multiple animations affect the same property simultaneously, should they replace each other, add, or accumulate?

One of our favorite CSS preprocessor features is now built into the language: nesting style rules.

Pre-filter a set of child elements before applying An+B logic on it.

The CSS Working Group is continuing a debate over the best way to define nesting in CSS. If you are someone who writes CSS, we’d like your help.

What changes are coming to the viewport resize behavior in Chrome 108, why Chrome is making this change, and what you can do to prepare.

Using Angular as a test pilot, the Chrome DevTools and Angular teams collaborated to offer you a better debugging experience. Other frameworks can ship similar changes.

Take a look at some of the recent changes in Chrome DevTools which improve your debugging and profiling experience when working with bundlers, frameworks, and third party code.

"Cascade layers are a new CSS API to help you manage the cascade precedence of you code, landing in all modern browsers soon."

Chrome 89 is rolling out now! WebHID, WebNFC, and Web Serial have graduated from their origin trials and are now available in stable. We're closing a loophole a few developers used to skirt the PWA installability checks. Web Share, and Web Share Target arrive on the desktop. And there's plenty more!