CSS Animation Weekly #66 - Animating mascots, rotating animations and more

This week we're animating mascots, workout out how to stop a rotating animation properly, and getting inspired by some amazing Codepens!

♥️

Donovan at CSSAnimation.rocks

Articles

Useful article on the steps involved in creating an animated PHP mascot!

Not exactly an article but I thought this discussion was interesting - how do you create a rotating hover effect that animates back to the starting point on mouse out?

Inspiration

Found anything cool on your web travels? Let me know and you could even get a CSS Animation Rocks sticker as a thank you!

It's so great to see a push toward more fun, more animation and interesting interactions own the web. This demo from Webflow made my day and I can't wait to give "Interactions 2.0" a go.

Thought toggles couldn't get more exciting? Think again! 🍕

Lovely example of CSS design and animation in this classic Space Jam logo 🌌

Drag your mouse around to see some incredibly smooth animated stars ✨

Drag your cursor across this block to see it gloopily melt into shape. Weird CSS fun! (Looks best on Chrome)

Subtle animation brings this lovely weather demo to life 🌧