CSS or BS?
We show you a CSS property name. You tell us if it’s real or if we made it up. That’s it. It starts easy. It does not stay easy.
Good question.
I think it’s mostly inertia.
We show you a CSS property name. You tell us if it’s real or if we made it up. That’s it. It starts easy. It does not stay easy.
- Springy easing with
linear()- Typed custom properties
- View transitions for page navigation
- Transition animation for
dialogandpopover- Transition animation for
details- Animated adaptive gradient text
Here’s a taste of what Rich will be delivering at Patterns Day on Thursday—can’t wait!
With classes, we can send CSS static values but with custom properties we can send dynamic ones, which is a major shift in the way we can style state. This is something that has been true for some time—and is extremely well supported—but sometimes it takes solving a small real-world problem to make you appreciate the value of it.
I think we still haven’t come to fully appreciate the superpower of custom properties: dynamic values that are shared between CSS and JavaScript.
Make your links beautiful and accessible.
Had you heard of these bits of CSS? Me too/neither!
Don’t touch that DOM.
This behaviour surprised me (at first).
Combining custom properties, hsl(), and calc() to get cascading button styles.