CSS Animation Weekly

By CSSAnimation.rocks

CSS Animation Weekly #275

#275・ Nov 15, 2021

9.2K

subscribers

280

issues

CSS Animation Weekly #275

By CSSAnimation.rocks • Issue #275 • View online

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

Articles

Scroll-Linked Animations With the Web Animations API (WAAPI) and ScrollTimeline

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

css-tricks.com • Share

Respecting Users’ Motion Preferences

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

www.smashingmagazine.com • Share

How I made Google’s data grid scroll 10x faster with one line of CSS

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

medium.com • Share

Inspiration

CSS Squid Game

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

thomaspark.co • Share

Full Screen Vertical Scroll Snap

One to bookmark - this scroll snapping feels great

codepen.io • Share

Impossible Checkbox v2 🐻

A frustrating checkbox!

codepen.io • Share

Profile Card Hover Effect

I do love a good card hover effect

codepen.io • Share

Handy tools

Animated Backgrounds

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

animatedbackgrounds.me • Share

Did you enjoy this issue?

By CSSAnimation.rocks

CSS Animation Weekly is a roundup of all the latest CSS animation articles and inspiration. Subscribe now and never miss an issue.

Tweet

Share

In order to unsubscribe, click here.

If you were forwarded this newsletter and you like it, you can subscribe here.