Learn how you can use the individual translate, rotate, and scale CSS properties to approach transforms in an intuitive way.| web.dev
Instead of duplicating an animation on the ::view-transition-group pseudo, you can also rely on CSS transitions on the original element … if you’ve set it up correctly.| Bram.us
You can now use attr() with any CSS property–including custom properties–and it can parse values into data types other than strings.| Chrome for Developers
In April I attended #BlinkOn, the conference for web platform contributors in the Chromium open source project. At the conference I gave a presentation about “CSS Parser Extensions”, a wild idea I have to fix CSS polyfilling once and for all. If you didn’t know, polyfilling CSS features is extremely hard, mainly because the CSS Parser discards what it does not understand. So what if, instead of having authors write their own parser and cascade to polyfill a CSS feature, they could teach...| Bram.us
Get started with same-document view transitions for use in your single-page application.| Chrome for Developers
To smoothly animate things like borders as part of a View Transition, you need to duplicate that animation onto the ::view-transition-group. For best effect, have the View Transition separately capture the background and foreground of the element you’re animating.| Bram.us
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.| Chrome for Developers
Learn how to use @scope to select elements only within a limited subtree of your DOM.| Chrome for Developers
Get started with cross-document view transitions for use in your multi-page application (MPA).| Chrome for Developers
The View Transition API lets you add transitions between views of a website.| Chrome for Developers
Calculate the sine, cosine, tangent, and more in CSS.| web.dev
2023 was a huge year for CSS! Learn about what landed in Chrome and across the web platform this year.| Chrome for Developers