I didn't know CSS could do that!
Hello there
So what’s new with CSS?
A lot:
Enter Baseline
How do features become part of Baseline?
How do features become part of Baseline?
Interop (2024)
Is this because you hate JavaScript?
But why work against the browser?
The Principle of Least Power
Complex conditional DOM states
The parent selector
The basics
The not so basics
Change parent element based on child:hover
Change parent element based on content
Change previous sibling
Baseline Newly Available
Feature detection
:has caveats and usage hints
The “range” selector
`:nth-child(n + B)` `:nth-child(-n + B)`
:nth-child(An + B of .selector)
:nth-child(An + B of .selector)
of <selector> Baseline Newly Available
Typographically accurate text wrapping
`text-wrap: balance`
`text-wrap: pretty`
Baseline Newly Available
Feature detection
Scroll driven animations
scroll-driven-animations.style
Scroll driven animations extend CSS animations
Scroll driven animations extend CSS animations
`scroll()`
scroll()
`view()`
Measure direction and velocity…
… for unthinkable CSS-only effects
Baseline? not yet
Feature detection
It's all about CSS
I didn't know CSS could do that!
I didn't I could do that with CSS!
Thank you