CSS Animation Weekly #98 - Avengers ID Card, swup and loads of inspiration

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

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.

An interesting project to create animations between pages.

Featured

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

Inspiration

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

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

Interesting idea to animate the heading on an upload prompt

A slick little example of an endless loading animation

A conversation-style animation managed with the wonderful GSAP

Fun hover effect on this product image!

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