在 CSS3 中将滤镜色调旋转设置为 PNG 图像

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>