This week we consider how emotion can be part of how we design animations, before diving into some crazy 3D tubes. Enjoy!

♥️

Donovan at CSSAnimation.rocks

Articles

What Gives UI Animations Emotion? — valhead.com

It's great how even a simple triangle can have personality. Nice write-up here from @vlh.

Infinite Tubes with Three.js — tympanus.net

A guide to creating a mind-bending (and potentially nausea-inducing) tunnel effect seen on fornasetti.com.

Inspiration

Pong Pure CSS Loader — codepen.io

A super-slick and elegant bit of CSS animation in this Pong-inspired loader animation 🏓

CodePen - CSS Thor's Hammer - Mjölnir 🌩🔨

3D transforms on this Thor's Hammer make it look great

Pure CSS Gooey Page Loader — codepen.io

Works best on Chrome - this is a nice simple gooey demo 

Selfportrait — codepen.io

Nice simple pure-CSS animation of a programmer

Card stack tutorial animation — codepen.io

Nice demo of a stack of cards, animating between each 📇

Animation in the real world

OncoKDM

Lots of nice subtle scrolling animations on this site, put together by one of my Level Up Your CSS Animation students!