Morning! This week we're animating underlines, considering accessibility, and playing with clip-path!

♥️ Donovan at CSSAnimation.rocks

Articles

Animating Underlines — css-irl.info

CSS IRL with another great tutorial, this time all about animating underlines

prefers-reduced-motion: Taking a no-motion-first approach to animations

An excellent article that explains how to use animations as a progressive enhancement

Transition.css - easy transitions with clip-path

Drop-in CSS transitions

Featured

Level Up Your CSS Animation Skills — www.udemy.com

Today I was informed that my course's download material is missing a demo from part 5 (the responsive hammer animation). I've updated the zip file links to include that demo.

By way of apology, here's a link for a free pass to the course (limit: first 10 people, so be quick!).

If that doesn't work, here's a link for 91% off. Thank you for helping support this newsletter!

Inspiration

3D CSS plane

So much cool stuff going on in this CSS-animated demo!

Animated Tab Bar v.2

An even slicker implementation of an animated tab bar

Quotes animation

Amazing colour and blurry particle effect