Tailwind CSS 背景模糊

背景模糊类用于将模糊效果过滤器应用于元素。 Tailwind CSS 2.1 版本新增功能模糊。

背景模糊类：

• background-blur-0：这个类相当于 CSS 中的 blur(0) 对元素没有模糊效果。
• background-blur-sm：这个类相当于 CSS 中的 blur(4px) 对元素的小模糊效果。
• background-blur：这个类相当于 CSS 中的 blur(8px) 对元素的正常模糊效果。
• background-blur-md：这个类相当于 CSS 中对元素的中等模糊效果，如 blur(12px)。
• background-blur-lg：这个类相当于 CSS 中的 blur(16px) 对元素的大模糊效果。
• background-blur-xl：这个类相当于 CSS 中的 blur(24px) 对元素的超大模糊效果。
• background-blur-2xl：这个类相当于CSS中的blur（40px）对元素的双重超大模糊效果。
• background-blur-3xl：这个类相当于 CSS 中对元素的三倍特大模糊效果，如 blur(64px)。

句法：

..

例子：

HTML

    

  

    

        GeeksforGeeks
    
    Tailwind CSS Backdrop Blur Class
    

        

            
        
        

            

            
            

            
            

            
        
 
    

  

输出：