CSS |阴影（）函数

drop-shadow()函数是一个内置函数，用于将过滤器应用于图像以设置图像的阴影。 drop-shadow()函数以给定的偏移量和颜色创建模糊阴影。

句法：

drop-shadow( offset-x offset-y blur-radius spread-radius color )

参数：该函数接受上面提到和下面描述的五个参数：

• offset-x：此参数设置图像的水平偏移。正值创建右侧的偏移量，负值创建左侧的偏移量。
• offset-y：此参数设置图像的垂直偏移。正值创建到底部的偏移量，负值创建到顶部的偏移量。
• 模糊半径：它设置模糊半径的值。它是一个可选参数。
• spread-radius：它设置传播半径的值。它是一个可选参数。
• color：设置阴影的颜色。它的可选参数。

下面的例子说明了 CSS 中的 drop-shadow()函数：

示例 1：

 
 
  
 
     
      
    
 
  
 
    
GeeksforGeeks
 
      
    
CSS drop-shadow() function
      
     
 
  
    

输出：

示例 2：

 
 
  
 
     
      
    
 
  
 
    
GeeksforGeeks
 
      
    
CSS drop-shadow() function
      
     
 
  

输出：

支持的浏览器： drop-shadow()函数支持的浏览器如下：

• 谷歌浏览器
• IE浏览器
• 火狐
• 苹果浏览器
• 歌剧