Tailwind CSS 背景对比

背景对比度类用于应用设置图像的对比度。这个类可以增加或减少对比度。 Tailwind CSS 2.1 版本新增亮度功能。

背景对比：

• background-contrast-0：此类用于设置元素的对比度，相当于 CSS contrast(0)。
• 背景对比度50：此类用于设置元素的对比度，相当于CSS对比度（0.5）。
• 背景对比度75：此类用于设置元素的对比度，相当于CSS对比度（0.75）。
• background-contrast-100：此类用于设置元素的对比度，相当于 CSS contrast(1.0)。
• background-contrast-125：此类用于设置元素的对比度，相当于 CSS contrast(1.25)。
• background-contrast-150：此类用于设置元素的对比度，相当于 CSS contrast(1.50)。
• background-contrast-200：此类用于设置元素的对比度，相当于 CSS contrast(2.0)。

句法：

..

例子：

HTML

    

  

    

        GeeksforGeeks
    
    Tailwind CSS Backderop Contrast Class
    

        

            
        
        

            

            
            

            
            

            
  
        
          
    

  

输出：