Установить фильтр Оттенок Повернуть в изображение PNG в CSS3

Question

Я пытаюсь установить фильтр hue-rotate(90deg) для изображения png.Но это меняет только цвет фона.Как я могу изменить цвет изображения с помощью hue-rotate?

Вот jsfiddle

Answer 1

Пройдите через это

img{width: 100px;height: 50px;mix-blend-mode:lighten;background:#fff;margin-bottom:-5px;}
.red{ background-color: #f00;display:inline-block;}

<div class="red">
  <img src="http://truncgil.com.tr/pillow1-main.png">
</div>