如何使用 CSS 更改 PNG 图像的颜色？

给定一张图片，任务是使用 CSS 更改图片颜色。使用滤镜函数更改 png 图像颜色。 Filter 属性主要用于设置图像的视觉效果。过滤器函数存在许多属性值。

filter: none|blur()|brightness()|contrast()|drop-shadow()|grayscale()
        |hue-rotate()|invert()|opacity()|saturate()|sepia()|url();

示例 1：本示例使用灰度滤镜将彩色图像变为灰度图像。

 
 
     
         
         
     
      
     
        
Grayscale Image
 
         
     
 

输出：
原图：

应用过滤器后：

示例 2：此示例对图像使用了许多过滤器。

输出：