Set Filter Hue Rotate To A PNG Image in CSS3

Question

I'm trying to set a hue-rotate(90deg) filter to a png image. But it changes just background-color. How can I change the image color via hue-rotate?

Here is jsfiddle

Answer 1

Go through it

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>