以下 CSS 过滤器:
filter: brightness(0) invert(1);
使元素全白(source https://stackoverflow.com/questions/24224112/css-filter-make-color-image-with-transparency-white)。很整洁,但是有没有办法让它们变成另一种颜色,例如蓝色的?这适用于有透明背景的情况,例如一个图标。我想让图标成为任意颜色。
The hue-rotate()
然而,滤镜会影响所有颜色,因此它不会将全彩图像变成单色图像。相反,它会移动色轮周围的所有颜色。
但是,您可以通过转换为灰度、添加棕褐色然后旋转色调来破解解决方案这使得图像看起来像单一色调的绿色阴影:
filter: grayscale(100%) sepia(100%) hue-rotate(90deg);
如果您关心处理矢量工作,例如您将经常使用的图标,您可能会考虑将其转换为 SVG,然后您可以使用纯 css 为其着色。https://icomoon.io https://icomoon.io可以帮忙解决这个问题。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)