Pocket Guide to CSS only Drawings and Animations

Krystal Campioni
Feb 3, 2017 · 6 min read

Creating basic shapes

Creating pixel art with CSS

Light it up!

Bear with me on this one, I haven't touched a pencil since I finished college :x

Let's animate it all

If you're not using pug, you can just copy and past <li></li> several times

That's all folks!

HE:labs

Ideias e opiniões do time da HE:labs sobre desenvolvimento de software, design, negócios, gestão disruptiva e muito mais.

Thanks to Rafael Miranda and Karine Silveira.

Krystal Campioni

Written by

Senior Front-end developer @ Shopify. Giphy and Whale fluent speaker. Tech, design, and marine life enthusiast | www.krystalcampioni.com

HE:labs

HE:labs

Ideias e opiniões do time da HE:labs sobre desenvolvimento de software, design, negócios, gestão disruptiva e muito mais.