Skip to content

Interactions

Controlling how the user interacts with the page.

Scroll Snap

Comments15
Compare Data
Never heard of it
Heard of it
Used it

overscroll-behavior

Comments6
Compare Data
Never heard of it
Heard of it
Used it
We asked members of the CSS community to share their “pick of the year”

My 2022 Pick: The :has() Selector

You might know this one as the so-called “parent selector” but that name does it no justice as it only covers a small part of what it can do. This selector has essentially changed the way I write my CSS.

We asked members of the CSS community to share their “pick of the year”

Bramus Van Damme

Chrome Developer Relations Engineer at Google
💡
You can use the segmented control at the bottom of each block to switch between different units to get an alternate view of the same data.

touch-action

Comments10
Compare Data
Never heard of it
Heard of it
Used it

scroll-behavior

Comments14
Compare Data
Never heard of it
Heard of it
Used it

scrollbar-gutter

Comments7
Compare Data
Never heard of it
Heard of it
Used it

Recommended Resources

CSS Animations and Transitions
David Khourshid
Microsoft

CSS Animations and Transitions

Learn CSS animation basics and transition to advanced concepts like orchestration and choreography.
Thanks to our partners for supporting us! Learn more.