- CSS Animation Weekly
- Posts
- CSS Animation Weekly #197
CSS Animation Weekly #197
Ahh it's a bank holiday here in Ireland but I've taken myself away from the sunshine to find some awesome, fun and inspiring stuff from the world of CSS animation. Enjoy!
♥️ Donovan at CSSAnimation.rocks
Articles

Learn how to create an immersive transition effect between sections

How to consider animation as part of your workflow when designing and creating a brand, including tips on making the most of animated style guides

A great walkthrough of making a fancy SVG coffee animation with CSS

Simple geometrical trail to attach to your Three.js objects
Featured
Got something to share? Get your message in front of 8,000+ web designers and developers. Reach out to me today!
Inspiration
This animated password reveal is so slick, I'll be looking for an excuse to do something like it on a project
Sharp animation timing makes this simple interaction feel pretty great
I love the non-standard tags in this fun pure-CSS 3D "room"!
The key animations here might be a little distracting in real life but make for a cool demo
These CSS-animated folding cards open beautifully to reveal a video! Very cool
This pure HTML/CSS pokey man is fully responsive too