Итак, я хотел сделать все изображения с эффектом сепии, однако код, который я использую для оттенков серого в SVG, при изменении на сепию не работает...
Это оттенки серого: a img {
filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); }
А это сепия, которая не работает img {
filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id="sepia"><feColorMatrix type='matrix' values='0.393 0.769 0.189 0 0 0.349 0.686 0.168 0 0 0.272 0.534 0.131 0 0 0 0 0 1 0'/></filter></svg>#sepia"); }
Может ли кто-нибудь сказать мне, что не так с кодом сепии?
И поскольку я спрашиваю, есть ли способ сделать изображения как в сепии, так и в градациях серого и поиграть с непрозрачностью, как с помощью веб-набора, где я могу сделать это -webkit-filter: grayscale(1) sepia (0.2);
?