Свойство фильтра CSS не работает в Chrome

Question

Я использую свойство фильтра CSS для изменения фона изображения SVG.Он работает на настольных браузерах.Но когда я попробовал это на моем телефоне, он не работает (Android Chrome).Chrome обновлен.

filter: invert(1);

Ссылка на код https://github.com/jibin2706/blog.jibin.tech/blob/d532a3ae397385a2c7821532a18b053d0609627d/src/components/colors.scss#L100

Результат Свойство применяется к изображениям в социальных сетях в нижнем колонтитуле.

https://blog.jibin.tech

Answer 1

Попробуйте добавить префикс для webkit

.class {
    -webkit-filter: invert(1);
    filter: invert(1);
}

Я всегда использую https://autoprefixer.github.io/, чтобы посмотреть, нужны ли дополнительные префиксы вендора для определенного css