CSS Animation Weekly - #126 🎁 🎄 🎉

December 24, 2018

Happy Holidays everyone, I hope you're enjoying the best of the season and have a great week. This week's a big one, learning about animation principles, micro-interactions, and a load of holiday-themed inspiration 🎁

🧔🏻 Donovan at CSSAnimation.rocks

Articles

Nicely illustrated guide to the principles of animation and how we can apply them to our web work. If you want to read more on this, I also have an article on Animation Principles for the Web you might enjoy too.

Some of the world's expects in web animation were asked how micro-interactions can enhance user experience - as well as me!

Ever wondered how to keep your visitors entertained while waiting for your site's content? You could make it faster I guess! Or... try a creative loading animation

A great set of text-themed animations for your enjoyment

Featured

Frontend Weekly is a well curated list of articles, tutorials, and tools about front end web development (with an emphasis on Javascript). If you're one of the trendy people who like to keep up with the latest frameworks and tools, this is a great resource ✨

Inspiration

A different, gorgeous and captivating 3D web animation each day

A warming fire for the cold evenings - if you're in the cold part of the world

Give your email address to this dodgy form and see what happens!

Nice example of CSS letter animation

Dark and forbidding atmosphere in this CSS animation

Give it a shake and see what wisdom this CSS magic 8 ball will impart!

Turn to read the notes and explore this stunning 3D artwork

Animation in the real world

I really enjoyed this simple explanation of how to create a scrolling text animation when the text spans multiple lines!