img { filter: brightness(0) invert(1); }
通过以上代码,大家可以实现让图片变白色的效果。具体原理是通过调整图片的亮度和对图片进行反转来达到这个效果。
其中,brightness(0)可以将图片的亮度调整为0,即变成黑色。而invert(1)则可以将图片的颜色反转,相当于黑色变成了白色。
需要注意的是,CSS3滤镜的浏览器兼容性不是很好,部分浏览器可能无法支持该功能。因此,在使用滤镜的时候,需要考虑兼容性的问题,或者提供备用方案。
首页 >
img { filter: brightness(0) invert(1); }
通过以上代码,大家可以实现让图片变白色的效果。具体原理是通过调整图片的亮度和对图片进行反转来达到这个效果。
其中,brightness(0)可以将图片的亮度调整为0,即变成黑色。而invert(1)则可以将图片的颜色反转,相当于黑色变成了白色。
需要注意的是,CSS3滤镜的浏览器兼容性不是很好,部分浏览器可能无法支持该功能。因此,在使用滤镜的时候,需要考虑兼容性的问题,或者提供备用方案。