Tailwind CSS 对比

Contrast 类用于应用设置图像的对比度。这个类可以增加或减少对比度。在 CSS 中，我们使用 CSS Contrast()函数来做到这一点。 Tailwind CSS 2.1 版本新增亮度功能。

对比：

• Contrast-0：该类用于设置与 CSS contrast(0) 等效的对比度。
• Contrast-50：此类用于设置与 CSS 对比度（0.5）等效的对比度。
• Contrast-75：此类用于设置与 CSS 对比度（0.75）等效的对比度。
• Contrast-100：此类用于设置与 CSS contrast(1.0) 等效的对比度。
• Contrast-125：此类用于设置与 CSS 对比度（1.25）等效的对比度。
• Contrast-150：这个类用于设置与 CSS contrast(1.50) 等效的对比度。
• Contrast-200：此类用于设置与 CSS contrast(2.0) 等效的对比度。

句法：

..

例子：

HTML

    

  

    

        GeeksforGeeks
    
    Tailwind CSS contrast Class
    

        
        
        
        
        
          
    

  

输出：