mix-blend-luminosity

The class mix-blend-luminosity is a Tailwind CSS class, part of the mix blend mode classes in the category effects.

Example usage

The following code is an example on how to use the class mix-blend-luminosity.

                  <div class="flex -space-x-8">
  <div class="mix-blend-luminosity h-24 w-24 bg-blue-400"></div>
  <div class="mt-8 h-24 w-24 bg-pink-400"></div>
</div>
                

The above code produces the following result:

Resulting CSS