Original Content – Page 2

Introducing scroll-driven-animations.style

Introducing scroll-driven-animations.style, a website I built to support the launch of Scroll-Driven Animations in Chrome 115.

Remember the “Yellow Fade Technique” from back in the day? With Modern CSS this is now SUPER EASY to recreate!

“What’s new in web animations” – my talk at Google I/O 2023

Animate elements in a grid layout as new items are added, items change size, etc.

Slides of the talk “What’s new in CSS” I gave at DevDay

Exploring how browser engines store Specificity and what, if any, its limits are.

Lightning talk on how I recreated Cover Flow using only HTML and CSS, thanks to Scroll-Driven Animations.

Custom properties – even when registered through @property – don’t animate on the compositor.

Because selector matching in browsers happens from right to left, you might end up with more matches than you expected when using .a :is(.b .c).

Leverage CSS :has() to select all siblings between two element boundaries.