CSS Wrapped 2025 is out! We’re entering a world where CSS can increasingly handle logic, state, and complex interactions once reserved for JavaScript. Here is an unpacking of the standout highlights and how they connect to the bigger evolution of modern CSS.

`light-dark()` and `prefers-color-scheme` treat the defined `color-scheme` values differently.

Combining finest craftsmanship with elegant design to ship innovative digital experiences.

CSS has a number of functions that can be used to set, translate, and manipulate colors. Learn what they are and how they are used with a bunch of examples to get you started.

The web just got a lot more colorful! 🎉

Random functions in programming languages are amazing.

Learn about the new CSS if function, which enables a cleaner developer interface for dynamic styles like style queries and media queries.

Explore how the if() function works, see practical examples, and compare it to existing CSS conditional techniques.

The CSS corner-shape property (very new! only in Chrome Canary!) is useful in basic use cases, for advanced shape making, and the superellipse() function is *extra* powerful.

CSS functions like :is(), :not() and :has() are powerful tools that make it much easier to select elements specifically. We've written before about how ::where…

We've been able to get the length of the viewport in CSS since... checks notes... 2013! Surprisingly, that was more than a decade ago. Getting the

It's now possible to animate to or from height: auto and other intrinsic sizes.

A new CSS function that returns one of two color values based on the current color scheme.

CSS has an infinity constant. When I first learned about this, my brain lit up with all kinds of absurd possibilities. Let’s discuss! There might even be some...

New math constants and functions are coming to CSS... now with more powers and roots

New math constants and functions are coming to CSS... now with more remainders and modulo

light-dark() Saw Bramus post about this. :root { color-scheme: light dark; –text-color: light-dark(#333, #ccc); } Apparently, this is just a first step on the way toward a more robust schemed…

A look at some different use-cases for min(), max(), and clamp()

Review the four best supported CSS math functions, and see how they can be used in both practical and unexpected ways, such as within gradients and color functions and in combination with CSS custom properties.

For quite a while now, the CSS spec has included a lot of really useful mathematical functions, such as trigonometric functions (sin(), cos(), tan(),