Tailwind CSS 投影

Drop Shadow 类用于对图像应用滤镜以设置图像的阴影。此类以给定的偏移量和颜色创建模糊阴影。在 CSS 中，我们使用 CSS drop-shadow()函数来做到这一点。 Tailwind CSS 2.1 版本新增亮度功能。

投影：

• drop-shadow-sm：该类用于设置小阴影效果。
• drop-shadow：该类用于设置正常的阴影效果。
• drop-shadow-md：该类用于设置中等阴影效果。
• drop-shadow-lg：该类用于设置大阴影效果。
• drop-shadow-xl：该类用于设置超大阴影效果。
• drop-shadow-2xl：该类用于设置双重特大阴影效果。
• drop-shadow-none：该类用于去除阴影效果。

句法：

..

例子：

HTML

    

  

    

        GeeksforGeeks
    
    Tailwind CSS Drop Shadow Class
    

        
        
        
        
        
          
    

  

输出：