Combine Scroll-Driven Animations with @property, transition-delay, calc(), sign() and abs() … and you can do Scroll Detection using only CSS!
A function that computes to the first color if the used color scheme is light or unknown, or to the second color if the used color scheme is dark.
(Ab)using Scroll-Driven Animations to apply styles on elements that are snapped within their scroll-snapping enabled ancestor scroller.
Animate elements in a grid layout as new items are added, items change size, etc.
Because selector matching in browsers happens from right to left, you might end up with more matches than you expected when using :is().
The :has() selector is way more than just a “parent selector”…
Safari TP 137 just dropped with unflagged support for :has(). Often dubbed “the parent selector”, :has() is way more than that…
Create (pure CSS) Scroll-Linked Animations with Element-based Offsets using @scroll-timeline from the “Scroll-linked Animations“ CSS Specification.
In “CSS Box Sizing Module Level 4” a new aspect-ratio CSS property is defined. Let’s take a look at how to use it.