CSS Animation Weekly #275

This week let's explore some interesting CSS challenges with scroll-linked animations, learning about users' motion preferences, and optimising data grids!


Make use of the latest web animation API specifications and use ScrollTimeline

How to support the prefers-reduced-motion media query and why we should use it today to make your sites more accessible

A great overview of how to debug and diagnose scroll performance issues, and solved using CSS


The games from the TV show recreated in HTML and CSS!

One to bookmark - this scroll snapping feels great

A frustrating checkbox!

I do love a good card hover effect

Handy tools

A handy resource if you're looking for animated backgrounds for your website