: So before you read any further.. I was totally unaware about this.. see +David Hund
's comment. You CAN
change SVG quite easily through CSS.
: I heard you can't really change SVG with CSS. Sad turkey!
So here kinda a hack that relies on the mask-image property that works only in WebKit for now. Instead of trying to change the SVG, we use the SVG as a mask
. That way we can do anything you can do to a normal background. See the demo: http://jsfiddle.net/simurai/QYr4z/
But even then it's still not perfect.. stuff like box-shadow, borders or so are still not possible.