Please download Chrome Dev ☹️

To properly view this page you need to have a chromium based dev browser with the experimental web features flag enabled.

Animating Gradients is now possible! 🎉

Thanks to the custom `@property`

Before custom properties were a thing animating CSS-gradients was not possible without using some kind of hack.

So you either made a huge gradient background and animate the position. Or you ended up with a harsh animation.

Click on the button below to see what it used to look like

Wow so beautiful 😱

Thanks to the brand-new `color()` function with Display-P3

display-p3 is a color profile by Apple that displays more vibrant colors

If you have a high-end screen and are on safari or on chromium based browsers with the force color profile flag set to display-p3 click the button below to see what it looks like in RGB!

Cozy Cascading Stylesheet? 🦄

A warm-welcome to CSS-nesting. The cozy way of writing CSS

Stop relying on CSS preprocessors for your CSS-nesting with the CSS-nesting module 1 introduced earlier this year.

Though it's barely supported anywhere yet:

But looks like this: