Lesson 27 of 3090%

(Progress persistence is disabled until Phase 9)

Tailwind CSS
Beginner

Opacity

Changing element transparency.

Use opacity-{value} to control transparency.

Values range from 0 to 100.

<div class="bg-blue-500 opacity-50 p-4">
  This is 50% transparent.
</div>
Try It Yourself

Lesson Progress

Ready to practise?

Apply what you learned with a hands-on challenge.

Practise This Topic