I had to read through this twice, but I think I get it now (I’m not the sharpest knife in the drawer). Very useful if you’re doing theming in CSS.
- Springy easing with
linear()- Typed custom properties
- View transitions for page navigation
- Transition animation for
dialogandpopover- Transition animation for
details- Animated adaptive gradient text
This makes sense:
Wrap everything in your CSS reset with a
@layerrule.When you place any styles inside a layer, these styles automatically have lower priority compared to all unlayered styles on the page. Think of it like an
!unimportantblock. You don’t need to worry about specificity or order of stylesheets at all.
Logical properties, container queries, :has, :is, :where, min(), max(), clamp(), nesting, cascade layers, subgrid, and more.
Here’s a taste of what Rich will be delivering at Patterns Day on Thursday—can’t wait!
Some styles I re-use when I’m programming with CSS.
The joy of getting hands-on with HTML and CSS.
The terminology of applying CSS.
This behaviour surprised me (at first).
Why do I like fluid responsive typography? Let me count the ways…