- CSS Animation Weekly
- Posts
- CSS Animation Weekly #209
CSS Animation Weekly #209
This week we're looking into some cool CSS-based approaches to underline animation and animated gifs, along with lots of brain-melting demos!
♥️ Donovan at CSSAnimation.rocks
Articles

A clever approach to created animated underlines including multiple lines
A useful approach to control auto-playing animated Gif animations
Featured

Many thanks to everyone who offered feedback on my shopping website experiment, I'll continue improving it :) - Donovan
Inspiration
A great example of a pill-style sliding nav menu
A simple and elegant little expanding accordion menu (React) component
Wow, this is a mind-melting subtle 3D cube effect
Drag the bar slowly across the stripes to see the illusion here
3 shades of album represented here
A simple but useful demo of animating between button hover and focus states
Hit the play button to see this radio do it's thing
Animation in the real world

A useful starting point if you're looking for easing functions for your animations! See this tweet for more context