📜  使用 HTML/CSS 将图像转换为灰度图像

📅  最后修改于: 2021-11-03 10:16:16             🧑  作者: Mango

给定一个彩色图像,任务是使用 CSS 属性将图像转换为灰度图像。在 CSS 中,filter 属性用于将图像转换为灰度图像。 Filter 属性主要用于设置图像的视觉效果。

句法:

filter: grayscale()

示例 1:在本示例中,使用 filter: grayscale(100%) 将图像转换为灰度。



    
        Convert into grayscale image
        
    
    
        
        

GeeksforGeeks

        

Grayscale Image

        filter applied           
    

输出:
灰度图像

示例 2:



    
        Convert into grayscale image
        
    
    
        
        

GeeksforGeeks

        

Grayscale Image

        filter applied           
    

输出:
灰度图像