顺风 CSS 模糊

blur 类用于在图像上应用模糊效果滤镜。在 CSS 中，我们使用 CSS blur()函数来做到这一点。 Tailwind CSS 2.1 版本新增功能模糊。

模糊：

• blur-0：这个类相当于 CSS 中的 blur(0) 没有模糊效果。
• blur-sm：这个类相当于 CSS 中的 blur(4px) 小模糊效果。
• blur：这个类相当于 CSS 中的 blur(8px) 的普通模糊效果。
• blur-md：这个类相当于 CSS 中的 blur(12px) 的中等模糊效果。
• blur-lg：这个类相当于CSS中的blur(16px)这样的大模糊效果。
• blur-xl：这个类相当于 CSS 中的 blur(24px) 的超大模糊效果。
• blur-2xl：这个类相当于 CSS 中的 blur(40px) 的两倍特大模糊效果。
• blur-3xl：这个类相当于 CSS 中的 blur(64px) 的三倍特大模糊效果。

句法：

..

例子：

HTML

    

  

    

        GeeksforGeeks
    
    Tailwind CSS Blur Class
    

        
        
        
        
        
          
    

  

输出：