hue-rotate-180

The class hue-rotate-180 is a Tailwind CSS class, part of the hue rotate classes in the category filters.

Example usage

The following code is an example on how to use the class hue-rotate-180.

                  <div class="sm:flex sm:space-x-4">
  <img src="/placeholders/bromo.jpg" class="rounded-lg h-48 w-48 blur-none contrast-0 brightness-0 drop-shadow-none grayscale-0 hue-rotate-180 invert-0 saturate-0 sepia-0">
  <img src="/placeholders/bromo.jpg" class="rounded-lg h-48 w-48">
</div>

The above code produces the following result:

Resulting CSS

filter: hue-rotate(180deg);

Other hue-rotate 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