我有一个PNG文件，我想在悬停时将对象的黑色反转为白色。
我已经尝试过了
img:hover {
-webkit-filter: grayscale(1) invert(1);
filter: grayscale(1) invert(1);
}<img src="http://goproweb.ca/new/img/new/11.png">这使对象变成灰色，但我希望将它们变成白色。
我相信您的问题是由使用灰色而不是黑色的图像引起的。将此灰色图像反转后，它看起来就像是较浅的灰色。
您的代码可以正常工作，您只需要使用较暗的图像即可获得所需的效果。尝试与此交换图像：
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/1/17/Yin_yang.svg/2000px-Yin_yang.svg.png" width="100px" height="100px">
用不同的图像工作小提琴：https : //jsfiddle.net/9f2cd2df/1/
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句