Articles

The Stroboscopic Effect — danielcwilson.com

Part of a series discussing optical illusions, Daniel Wilson discusses how we can re-create the old Zeotrope effect using CSS

Twitter's "fave" animation - CSS Animation — cssanimation.rocks

Continuing the idea of how a Zeotrope works, see how the Twitter Heart / Fave animations were made using the "steps()" timing function

Featured

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

Learn how to bring a website to life, animations, transitions, scroll effects, carousels and more in video tutorials. Be quick, the pre-launch special price goes up soon!

Inspiration

Revolving Hearts — codepen.io

This is just beautiful - I can't believe it was created with pre HTML and CSS ♥️

Strawberry — codepen.io

Hover this strawberry to see it respond! 🍓😱

Yeti 404 Page — codepen.io

Check out this scared Yeti animated 404 page 🙀

Material Design Ripple Effect — codepen.io

Click to see a ripple from the click location

codebox — codepen.io

A nice little loading effect

Recreating "Motion Study" — codepen.io

Lots of subtle layers animations on this hover effect case study!

squirrel — codepen.io

I was looking for inspiration for my newsletter then squirrel! 🌰

Animation in the real world

ARCHE68 — www.arche68.com

Beautiful use of animation and typography on this site. Scroll and click around ✨