This week we're creating beautiful letter effects, and making considered use of keyframe animation for more natural movement.

♥️

Donovan at CSSAnimation.rocks

Articles

Decorative Letter Animations — tympanus.net

Some decorative shape and letter animations based on the Dribbble shot "Us By Night" by Animography using anime.js and Charming

Making CSS Animations Feel More Natural

Step by step guide to how we can use CSS to create more natural animation styles

Variable fonts: a million times the possibilities, in less bandwidth than before

Check out how these variable fonts can be animated! Handy stuff from Laurence Penney

Featured

Level Up your CSS animation skills for just $10 - save 93% — courses.cssanimation.rocks

By popular demand, get this 4-hour course for just $10! Learn how to bring a website to life, animations, transitions, scroll effects, carousels and more.

Inspiration

3D Book with Greensock (works in IE ) — codepen.io

A little bit of CSS trickery makes this book seem 3D

Keep moving forward — codepen.io

A lovely little example of Canvas animation

Amazon Echo — codepen.io

'Alexa, start the year'. A bit of fun to start the year 😉...

WebGL 3D Office Scene — codepen.io

The detail in this 3D office scene is amazing 🖥

STARDUST — codepen.io

Stunning use of colour and particles on this demo ✨