A huge week for CSS animation! Learn all about motion paths, delve into the design animation handbook, learn all about the new GSAP features and much more!

♥️ Donovan at CSSAnimation.rocks

Articles

Motion Paths - Past, Present and Future — tympanus.net

Explore a few ways of moving an element along a path, including the upcoming CSS motion path module and the newly released GSAP3.

Design Animation Handbook - UI Animation Guide — www.designbetter.co

The Animation Handbook will prime you not just to animate but to craft exceptional and more intuitive digital product interfaces for your customers.

The New Features of GSAP 3 — tympanus.net

Learn about all the exciting new features of GSAP 3 in this easy-to-follow overview.

Spotify Wrapped — www.spotify.com

This year's Spotify Wrapped is a big one! Celebrate 2019's music, as well as a decade of music presented with awesome transitions and animations

Featured

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

Help keep the CSS Animation lights on by pledging from $1 per month! Go on :)

Inspiration

Five Approaches to SVG Icon Animation

See how to animate SVG icons using CSS, GSAP, AnimateAnything and Verlet - cool examples

Button Collection

One to bookmark - loads of button animation examples in one CodePen

CSS animations in embedded and inline SVG

A demo of 3 different ways of embedding sprite animations using SVG and CSS

Funky Border Animation Rough Prototype

There sure is something funky going on with this border-animation prototype

Interactive Map

Interesting use of SVG, leader-line.js and hammer.js on this interactive map

Animation in the real world

ʙʟᴏᴏᴏᴍ — blooom.io

An experimental project to showcase my exploration of modern web technologies through creative coding.