📌  相关文章
📜  使用 HTML/CSS 将图像转换为 Blur

📅  最后修改于: 2021-08-29 12:51:23             🧑  作者: Mango

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

句法： 

filter: blur()

示例 1：本示例使用模糊滤镜将图像转换为模糊图像。

原图： 

 
 
     
        Convert into blur image 
         
     
     
        
 
        
GeeksforGeeks
 
        
Blur Image
 
        filter applied 
        
 
     
 

输出：

示例 2：此示例使用模糊滤镜创建背景模糊图像。
原图： 

 
 
     
        
            Convert into blur image
         
          
         
     
      
     
        
 
            filter applied 
          
            

                
GeeksforGeeks

                
Blurred Background Image

            

        
 
     
                    

输出：