This week we dive into how to create pleasingly tactile animations, explore some 90's style design survey results and dive into a works of inspiring UI animations.

♥️ Donovan at CSSAnimation.rocks

Articles

This Ain’t Disney: A practical guide to CSS transitions and animations

I've written in the past about how we can use Disney's principles of animation - but it's nice to see this challenged in this article all about how we can make animations feel right

The 2019 Design Systems Survey by Sparkbox — designsystemssurvey.seesparkbox.com

Loads of cool animations and movement on this design systems survey!

Featured

CSSAnimation.rocks is creating a weekly newsletter — www.patreon.com

Help support this newsletter! Every week I scour the web for cool examples of animation and helpful articles. If you find this newsletter valuable, please do consider becoming a patron! You can support me for as little as $1 - and if you like I'll even send you a special CSS Animation sticker!

Inspiration

React Slider w/ Hover Effect

Beautifully interactive and pleasant little slider with mouse position animation

Clip Clop Clippity Clop

Some lovely use of CSS and HTML elements animated to make this lifelike horse. Click the horse to see how it's done!

Small menu

An interesting little rotating-toggle switch with nice layered animations

Email sign up notification box

This has some nice layered animations on pressing the button!

Facebook reactions in Mac style

Lots of Facebook-style animations in these CSS-animated icons!

Animation in the real world

Rick and Morty — www.rickandmorty.com

Fans of Rick and Morty are in for a treat with this fully animated and interactive site