A very happy Monday to you! I hope you are well. This week we have loads of cool tutorials to share. Also, remember to grab your free Zombie-themed CSS Animation cheat sheet!

♥️ Donovan at CSSAnimation.rocks

Articles

CSS transitions and hover animations, an interactive guide — www.joshwcomeau.com

I love this guide to timing functions and CSS animations. It's full of wonderful information and interactive examples to help illustrate how these things work! Check it out

Create Powerful CSS Animation Effects without JavaScript — www.sitepoint.com

Learn some amazing CSS animation tricks you can perform with just a small amount of really cool CSS.

How to Animate a SVG with border-image — css-tricks.com

A great trick to animating SVG borders to create a classic video game scoreboard

8 JavaScript Animation Libraries — dev.to

Looking for animation libraries to try? Here's an overview of some good ones worth a look

Featured

Free Zombie Themed CSS Animation Cheat Sheet — undead.institute

Getting braaains should be fun, so we fill our books, cheat sheets, and newsletters with silliness, zombies, and a whole lot of web development learning. Sign up for our list and get a CSS animation cheat sheet free.

Inspiration

Overlapping Sushi Cards

A CSS-only overlapping and animated set of cards. Also, sushi! 🍣

Animated Tab Bar

A simple but effective little transition between menu bar states

Cable

Lovely colour effects in this Three.js demo

Animated Periodic Table

Cool project to create animated representations of many of the elements in the periodic table

That's all for this week! Remember to get your free Zombie-themed CSS Animation cheat sheet!