在CSS3中将滤镜色相旋转为PNG图像

Question

我正在尝试为png图像设置hue-rotate(90deg)过滤器。但是它只会改变背景颜色。如何通过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>