Как сделать цвет белым, используя свойство фильтра в CSS - PullRequest
Новая
       48

Как сделать цвет белым, используя свойство фильтра в CSS

0 голосов
/ 16 октября 2018

У меня есть изображение svg, где я хочу изменить цвет svg, используя свойство css filter.

body {
  background-color: #dadada;
}

.custom-1 {
  filter: invert(0.5);
}
<img src="https://image.flaticon.com/icons/svg/62/62945.svg" class="standard" width="50" height="50" alt="img">

<img src="https://image.flaticon.com/icons/svg/62/62945.svg" class="custom-1" width="50" height="50" alt="img">

Как сделать изображение svg белого цвета.

1 Ответ

0 голосов
/ 16 октября 2018

Вы можете комбинировать свойства фильтра следующим образом. 

brightness(0) invert(1);


body {
  background-color: #dadada;
}

.custom-1 {
  filter: invert(0.5);
}

.custom-2 {
  filter:  brightness(0) invert(1);
}
<img src="https://s.cdpn.io/3/kiwi.svg" class="standard" width="50" height="50" alt="img">

<img src="https://s.cdpn.io/3/kiwi.svg" class="custom-1" width="50" height="50" alt="img">

<img src="https://s.cdpn.io/3/kiwi.svg" class="custom-2" width="50" height="50" alt="img">
...