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

Immersive Section Transition Effect in CSS and JavaScript — codyhouse.co

Learn how to create an immersive transition effect between sections

Animating your brand — medium.com

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

CSS Coffee Express Animation — lenadesign.org

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

Trails (for Three.js objects) — github.com

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

Password Reveal

This animated password reveal is so slick, I'll be looking for an excuse to do something like it on a project

Checkbox Animation

Sharp animation timing makes this simple interaction feel pretty great

A Very Simple Pure CSS 3D Room You Can Look Around-ish

I love the non-standard tags in this fun pure-CSS 3D "room"!

Interactive keyboard animation

The key animations here might be a little distracting in real life but make for a cool demo

Holiday Feature Folding Cards

These CSS-animated folding cards open beautifully to reveal a video! Very cool

Responsive CSS Jigglypuff 😎

This pure HTML/CSS pokey man is fully responsive too