Hi, I want to add these subtle patterns as background for an website.
I use this CSS code:
background-image: url("subtle-pattern.jpg");
background-repeat: repeat;
Is there a way to change the color of the pattern from CSS? The patterns are light blue and I want to change the color to yellow or purple.
Here is my site Read-Only: LINK
(how to share your site Read-Only link)
Well, considering that pattern is just a jpg the only thing you can do is either modify the pattern file itself or overlay something on top of it that would change the hue a bit. For the latter you can just use another background (solid colour of your choice) with transparency on top of this one.
Also you don’t really need any css code to use background images.
Thank you very much for the reply.
Actually there are 45 patterns and I am not sure which one to use. Plus I am not sure about the color either. So modifying the pattern is not a viable option.
I was thinking about a css filter to modify the Hue but I am not sure if there is such a filter.