While this week many turn to matters of the heart, we turn our attention to matters of CSS animation! Learn the best ways to plan and execute on animation within UX, build some advanced toggle states, and loads more.

♥️ Donovan at CSSAnimation.rocks

Articles

Executing UX Animations: Duration and Motion Characteristics — www.nngroup.com

NNGroup dives into how we can best define a trigger, transformations, duration, and easing of animations, and be mindful of accessibility issues and annoying the user.

Toggle animation (with tutorial)

Lovely demo from the @keyframers of a state-machine driven toggle for more advanced uses! Check out the video tutorial on how it's done 🎬

Featured

Discover Exploding Topics Before They Take Off — explodingtopics.com

Our technology scours the internet for emerging topics across Search, Shopping, Social and Tech. So you can find the next big thing to build your business around. Get weekly trending topics directly to your inbox.

Inspiration

Lines - Horizon

Classy SVG animation using Snap in this animated horizon demo

CodePen Home Countdown to love

Chris Gannon brings the love in this stunning little countdown using GSAP

Shitemorphism

Finally, a loader we can all use. Just kidding - but this loader from Pete Barr is hilarious

Underline clip hover animation

Nice use of text clipping on this animated underline

Snowing cats and dogs

A 🦁🐈-tastic snowy night scene

What's behind ?

What's behind the curtain!?