是否可以仅使用 css 更改黑色 png 图像的颜色？

Question

我有透明背景的黑色png。

我正在尝试使用 Hue-rotate(180deg) 和 invert(100%) CSS 更改颜色，但失败了。

在其他颜色的png的情况下，一切都很好。

.huerotate{-webkit-filter: hue-rotate(180deg); filter: hue-rotate(180deg);}
<img src="blackXXX.png" class="huerotate"/>

可能还是不可能？

Answer 1

是的，你可以做到……黑色很棘手。

就是这样：

background: url(black.png);
filter: brightness(0.9) invert(.7) sepia(.5) hue-rotate(100deg) saturate(200%);

这使黑色 - > 蓝色。