📜  Tailwind CSS 亮度

📅  最后修改于: 2022-05-13 01:56:53.492000             🧑  作者: Mango

Tailwind CSS 亮度

亮度类用于应用设置图像的亮度。此类使用图像的线性乘法器来增加或减少亮度。在 CSS 中,我们使用 CSS 亮度()函数来做到这一点。 Tailwind CSS 2.1 版本新增亮度功能。

亮度:

  • 亮度-0:这个类用于设置相当于CSS亮度(0)的亮度。
  • Brightness-50:此类用于设置相当于 CSS 亮度(0.5)的亮度。
  • 亮度75:这个类用于设置相当于CSS亮度(0.75)的亮度。
  • 亮度90:这个类用于设置相当于CSS亮度(0.9)的亮度。
  • Brightness-95:此类用于设置相当于 CSS 亮度(0.95)的亮度。
  • Brightness-100:此类用于设置相当于 CSS 亮度(1.0)的亮度。
  • Brightness-105:此类用于设置相当于 CSS 亮度(1.05)的亮度。
  • Brightness-110:这个类用来设置相当于 CSS 亮度 1.10 的亮度)。
  • Brightness-125:此类用于设置相当于 CSS 亮度(1.25)的亮度。
  • Brightness-150:此类用于设置相当于 CSS 亮度(1.50)的亮度。
  • Brightness-200:此类用于设置相当于 CSS 亮度(2.0)的亮度。

句法:

..

例子:

HTML



    

  

    

        GeeksforGeeks     

    Tailwind CSS brightness Class     
                                                            
  


输出: