Happy Monday everyone! Today we have lots of cool CSS animation stuff to share. I hope you're doing well and managing, what with one thing and another.

♥️ Donovan at CSSAnimation.rocks

Articles

Why You Should Care About Perfecting CSS Animations — hackernoon.com

A nice article on the combination of technical know-how and the creative potential of CSS animation

[Free Lockdown Learning] Level Up Your CSS Animation Skills Module 1 — www.youtube.com

🎬 Stuck in a lockdown? Let’s learn some CSS animation! I’ve added the first (of 5) module from my course. That's 7 videos and lots more to follow.

Over the next weeks I’ll continue to upload all the videos until it’s 100% available on Youtube.

Feel free to share it with your design / developer friends!

Positioning Text Along a Path with CSS — css-irl.info

Learn how to position text on a path and even animate it too. Best viewed in Chrome!

The Slideout Footer

Maybe not animated per-se but this static footer slide-out effect is neat

Featured

Case Study Club - Weekly UX articles — www.casestudy.club

Get the inside view and learn from the best UX case studies each week with Case Study Club. Hear from top designers and stay up to date with the latest in UX and design.

Inspiration

Help this Antibody spread the world... (pure CSS & SVG)

A pure-CSS illustration of the hero we all need right now, the SARS-CoV-19 antibody

CSS Hello World! 😅

I adore 3D CSS transforms and this little Hello World is a perfect example

Cookie Loader

NOM NOM NOM 🍪

Hello, World!

Flying faces and steps-animated globe makes this a delightfully strange and fun spin on the Hello World challenge

Button Animated Gradient CSS

A fairly intense example but it illustrates nicely how to do a gradient hover effect on a button

That's it for this week! I hope you're managing ok and looking after yourself. Please don't hesitate to reply to this email if you'd like to chat. We may be isolated but we're not alone.