backdrop-opacity-0

The class backdrop-opacity-0 is a Tailwind CSS class, part of the backdrop opacity classes in the category filters.

Example usage

The following code is an example on how to use the class backdrop-opacity-0.

                  <div class="relative">
  <div class="backdrop-blur-none backdrop-brightness-0 backdrop-contrast-0 backdrop-grayscale-0 backdrop-hue-rotate-0 backdrop-invert-0 backdrop-opacity-0 backdrop-saturate-0 backdrop-sepia-0 h-48 w-24 bg-white/30 absolute left-0"></div>
  <img src="/placeholders/bromo.jpg" class="rounded-lg h-48 w-48">
</div>

The above code produces the following result:

Resulting CSS

backdrop-filter: opacity(0);

Other backdrop-opacity classes

View other Filters classes

Get Tailscan now

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

Build, design and debug your Tailwind website visually with Tailscan, right within the browser.

Get Tailscan now
video poster