This week we're mostly about ways to integrate animated GIFs with masking! Be sure to check out the amazing demos too!

♥️ Donovan at CSSAnimation.rocks

Articles

Coding Challenge: Dancing with CSS — designups.com

A cool trick to making text dance using an animated gif and masking!

It's n̶o̶t̶ violent — itsnotviolent.com

Excellent animations and a strong, useful message on this site all about how people use text communication

Instanced Line Rendering

I never realised there could be so much involved in drawing lines. There's loads to learn in this tutorial!

Featured

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

Become a patron of CSSAnimation.rocks today!

Inspiration

Space monster

A cool hand-drawn-style GIF with masking makes this one really stand out

Masking gifs with other gifs...

Another cool SVG masking effect, this time using two animated GIFs

MANTA RAY

Parallax, subtle animations and even responsive sizing makes this demo

Frosted Glass Menu

This frosted glass menu works best in Chrome. Lovely staggered animations too!

Pure CSS Rain

Relaxing wavey effect created entirely with CSS and HTML 🌧