change with CSS the color of an svg background image set with "background-image: url()"

does anyone knows if it is possible to change the color (the stroke and fill attributes) of a SVG illustration used as a background with background-image: url() directly via CSS?

Thank you

Topic svg custom-background images css Wordpress

Category Web


Yes, you can absolutely do this with SVG, as long as you're using inline SVG code, which you'll need a program like Adobe Illustrator to produce. You may be able to use an online tool (like this one) but I haven't tried that.

Chris Coyier of CSSTricks.com did an excellent write up of this.

Fork his SVG codepen and play around with it to get a feel for how it works.

Good luck!

About

Geeks Mental is a community that publishes articles and tutorials about Web, Android, Data Science, new techniques and Linux security.