This week we're building our own animation libraries, and learning all about how to use the transition properties.

♥️ Donovan at CSSAnimation.rocks

Articles

How I Used the WAAPI to Build an Animation Library — css-tricks.com

A nice example of how to create your own animation library using the Web Animations API

Create Beautiful Animations With This CSS Property — rohitgulam.hashnode.dev

Use the "transition" property along with duration and timing functions to create animations

Featured

Buffer's loading animation — cssanimation.rocks

Revisit this classic re-implementation of an animated Gif using CSS and SVG!

Inspiration

FBO Particles

Organic-style movement in this collection of dots

Football menu

Neat bit of SVG masking on this football-themed menu reveal

Shopping Layout incl. Lottie

Nice use of animation to make this shopping site layout stand out

circles

These hypnotic circles align to create interesting patterns

wraparound - cylindrical

Sweet 3D wrapping text demo