Tailwind CSS 背景亮度

背景亮度类用于设置图像的亮度。此类使用图像的线性乘法器来增加或减少亮度。 Tailwind CSS 2.1 版本新增亮度功能。

背景亮度等级：

• background-brightness-0：该类用于设置元素的亮度，相当于 CSS 亮度（0）。
• background-brightness-50：该类用于设置元素的亮度，相当于 CSS 亮度（0.5）。
• background-brightness-75：该类用于设置元素的亮度，相当于 CSS 亮度（0.75）。
• background-brightness-90：该类用于设置元素的亮度，相当于 CSS 亮度（0.9）。
• background-brightness-95：该类用于设置元素的亮度，相当于 CSS 亮度（0.95）。
• background-brightness-100：该类用于设置元素的亮度，相当于 CSS 亮度（1.0）。
• background-brightness-105：该类用于设置元素的亮度，相当于 CSS 亮度（1.05）。
• background-brightness-110：该类用于设置元素的亮度，相当于 CSS 亮度 1.10）。
• background-brightness-125：该类用于设置元素的亮度，相当于 CSS 亮度（1.25）。
• background-brightness-150：该类用于设置元素的亮度，相当于 CSS 亮度（1.50）。
• background-brightness-200：该类用于设置元素的亮度，相当于 CSS 亮度（2.0）。

句法：

..

例子：

HTML

    

  

    

        GeeksforGeeks
    
    Tailwind CSS Backdrop Brightness Class
    

        

            
        
        

            

            
            

            
            

            
        
    

  

输出：