CSS Animation Weekly #184

This week we're building countdowns with CSS, staggered animations, and waving animations. Have a great week!

♥️ Donovan at CSSAnimation.rocks

Articles

A fun adventure through how CSS's steps timing function can be used to create a dynamic countdown using only CSS

Custom variables in CSS are great - here's how to use them to create a staggered animation

Video tutorial all about adding a waving animation on inputs

Featured

Want to be featured here? Simply reply to this email and you could reach 8,000+ CSS animation fans!

Inspiration

This is new - a pentagonal bipyramid with doggos!

More in the theme of dog galleries, this time a stunning animated wheel of dogs

Speaking of galleries, this horizontal -scrolling parallax gallery uses only CSS 🤩

This animated SVG flower effect is subtle and beautiful

Cool 3D cube optical illusion

Hover this card to see a lovely shadow / 3D effect

Lovely timing and grace in this little CSS-animated toolbar demo