CSS Animation Weekly #45 - Animated SVG icons, responsive typography

This week we're learning all about building animated SVG icons, and delving into how we can animate our responsive typography. After all that serious stuff though we've some awesome inspiration to get fire up!

♥️

Donovan at CSSAnimation.rocks

Articles

A great guide to building animated SVG icons.

Animation meets responsive typography. This is an intriguing approach to animating font sizing, and includes a mixin you can apply in Sass.

Inspiration

A CSS-animated flipping bicycle! 🚲

Lovely yet simple optical illusion in which the lines randomly appear to create squares 🔲

Crazy stuff, click to see Mega Baby blast the world with his laser eyes! 💥👀

Best experienced on a phone - Canvas particles meets device accelerometer. Tilt your phone to see them move 🏀