Aug 6, 2019

CSS Animation Weekly #158

By CSSAnimation.rocks • Issue #158 • View online

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

blog.prototypr.io • Share

The 2019 Design Systems Survey by Sparkbox

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

designsystemssurvey.seesparkbox.com • Share

Featured

CSSAnimation.rocks is creating a weekly newsletter

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!

www.patreon.com • Share

Inspiration

React Slider w/ Hover Effect

Beautifully interactive and pleasant little slider with mouse position animation

codepen.io • Share

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!

codepen.io • Share

Small menu

An interesting little rotating-toggle switch with nice layered animations

codepen.io • Share

Email sign up notification box