Pricing Learn Community

Overview
CARDS

Opacity

Tailwind CSS Opacity

Use responsive opacity utilities with TW elements. See how to easily and simply change the opacity.

Basic example

Set the opacity of an element using .opacity-{value} utilities.

100%

75%

50%

25%

HTML

        
            
        <div class="opacity-100">...</div>
        <div class="opacity-75">...</div>
        <div class="opacity-50">...</div>
        <div class="opacity-25">...</div>

Basic example
Related resources