CodePen

New Pen
User Avatar of Noah Blon

Noah Blon

Minneapolis, MN PRO

Coloring SVGs in CSS Background Images

I love using SVG in CSS background images but it sucks that you can't alter the fill color easily within your CSS. Here are a few ways around that.

SVG in CSS backgrounds

...

An Intro to SVG Animation with SMIL

Sitepoint recently posed a challenge to recreate this fun gif animation in code:

It looks deceptively simple, but it's hard to do without a lot of keyframes. My mind jumped...