Good Monday to you! Hope you had a great weekend. Let's start the week with some awesome animation tutorials and inspiration.

♥️

Donovan at CSSAnimation.rocks

Articles

Making Avengers ID Card In HTML And CSS

Lets build a sci-fi ID card for Avengers! This tutorial brings together Flexbox, Nested Flexbox, CSS animations, and a ton of other CSS techniques.

swup: CSS transitions between website pages. — github.com

An interesting project to create animations between pages.

Featured

Level Up your CSS animation skills — courses.cssanimation.rocks

Learn how to bring a website to life, animations, transitions, scroll effects, carousels and more in video tutorials.

Inspiration

Handwriting Animation (SVG + CSS) — codepen.io

A gorgeous example of how SVG line animation can be used to create a signature

Wandering man — codepen.io

A lovely example of pure CSS in this Minecraft-style dude having a stroll

Header concept — codepen.io

Interesting idea to animate the heading on an upload prompt

Endless loading

A slick little example of an endless loading animation

GSAP dialog box ScrollTo / SplitText plugin — codepen.io

A conversation-style animation managed with the wonderful GSAP

Hover Effect: Pop and Background Animate

Fun hover effect on this product image!

🌟 Circle Menu #PureCss 🌟 — codepen.io

Click this pure-CSS menu to see the options animate into place