It's our anniversary! This week we celebrate a year of CSS animation inspiration (and gratuitous emojis) 🌟 🎉

To mark this special occasion I'm giving away 10 places on my in-progress CSS animation course, each worth $140! Read on to find out how you could win a ticket.

Articles

Building CSS Games - YouTube — www.youtube.com

Maybe not an ideal use case for CSS, but it's amazing to see how CSS can be used to code a playable online game!

Winner of the CSS Dev Conf 2017 Free Ticket Contest — blog.codepen.io

See all the best entries in this year's CSS Dev Conf free ticket contest - loads of great CSS animation.

Featured

Happy birthday to the newsletter 🎁

Issue 52 already! I wanted to take a moment to thank each one of you for trusting me with your email address, and I hope you all enjoy this newsletter as much as I enjoy creating it.

To celebrate this anniversary, I'm running a competition all week. You can enter and win a place on my new course. All you need to to is retweet this tweet to be in with a chance. Best of luck!

Inspiration

Spinners & Page Loaders Pure CSS — codepen.io

A great collection of page loaders for your amusement and inspiration 👀

LEGO Loader — codepen.io

Can't get enough of loaders, and this Lego one is both fun and simple 😍

CSS-only image slider using SVG patterns — codepen.io

Neat example of SVG shapes on this animated image slider 📸

Panel 3D Tilt — codepen.io

This subtle 3D hover effect from Peter Barr is worth seeing 😎

password visibility toggle — codepen.io

Nice use of a 3D rotate on this password visibility toggle 🔍

Animation in the real world

Emmit Fenn — emmitfenn.com

Great use of loading transitions and hover effects on this simple but addictive site, made by Active Theory in Partnership with Th3rd Brain.