📌  相关文章
📜  使用 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  
        

    

输出：
灰度图像