- CSS Animation Weekly
- Posts
- CSS Animation Weekly #98 - Avengers ID Card, swup and loads of inspiration
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