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
输出: