Измените сплошной цвет png с прозрачным фоном, возможно ли это?

Question

У меня просто немного png, который используется как «сетка», используя фоновый повтор, формат изображения для сетки был бы чем-то вроде этого | _, а затем просто повторяется, чтобы покрыть все тело.

Теперь, есть возможность изменить свой цвет с помощью CSS3? а не фон изображения, а только строки.

Видел, что в CSS3 есть атрибут «фильтр», но я не знаю, какой из них использовать, или если это лучший способ сделать это.

В основном цвет сетки будет основываться на выборе цвета в формате RGB или Hex. Если есть какой-либо способ добавить какой-либо цвет, я хочу к нему?

Заранее спасибо.

Answer 1

Вы можете использовать фильтр поворота оттенка в своем CSS. Он не работает во всех браузерах, но в некоторых:

filter: hue-rotate(180deg) 

http://caniuse.com/#feat=css-filters

Answer 2

В качестве альтернативы, вы можете добавить непрозрачность фонового изображения, а также изменить цвет фона в том же ид/класс к желаемому цвет. Он не изменит цвет линий, но даст иллюзию определенного цвета на этих линиях.