Question

我只是有一个小png，通过使用背景重复用作“网格”，网格图像的格式就像这样| _然后重复自己覆盖整个身体。

现在的问题是，是否有可能通过使用CSS3来改变它的颜色？不是图像的背景而是仅仅是线条。

看到CSS3中有一个“过滤器”属性，但我不知道使用哪一个，或者它是最好的方法。

基本上，网格的颜色将基于RGB或Hex格式的颜色选择器。如果有任何方法可以添加我想要的任何颜色吗？

提前致谢。

Answer 1

您可以在CSS中使用色调旋转滤镜。它不适用于所有浏览器，但在某些浏览器中不起作用：

filter: hue-rotate(180deg)

Answer 2

或者，您可以为背景图像添加不透明度，并将同一ID /类中的背景颜色更改为所需的颜色。它不会改变线条的颜色，但会在这些线条上产生特定颜色的错觉。