brightness-150

The brightness-150 class belongs to the brightness group within the filters category.

Example Usage

Here is an example of how to use brightness-150:

<div class="sm:flex sm:space-x-4">
  <img src="/placeholders/mountain.jpg" class="rounded-lg h-48 w-48 brightness-150">
  <img src="/placeholders/mountain.jpg" class="rounded-lg h-48 w-48">
</div>

Resulting CSS

--tw-brightness: brightness(1.5);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);

Other Brightness Classes

Get Tailwind Scanner!

The absolute must-have tool for anyone using Tailwind CSS.

Scan, Edit, Export any tailwind site in browser to create the perfect UI - download the chrome extension!