<div class="bg-opacity-50 bg-teal-400 m-2 h-16 w-16"></div>
We're live on Product Hunt with Material-UI Builder (read more). All Tailwind Builder users can use it for FREE ❤️
← Tailwind CSS classes list
Tailwind CSS class: .bg-opacity-50
Preview
CSS source
.bg-opacity-50 { --bg-opacity: 0.5; }More in Tailwind CSS Background
- .bg-auto
- .bg-cover
- .bg-contain
- .bg-bottom
- .bg-top
- .bg-center
- .bg-left
- .bg-left-bottom
- .bg-left-top
- .bg-right
- .bg-right-bottom
- .bg-right-top
- .bg-fixed
- .bg-local
- .bg-scroll
- .bg-no-repeat
- .bg-repeat
- .bg-repeat-x
- .bg-repeat-y
- .bg-repeat-round
- .bg-repeat-space
- .bg-opacity-0
- .bg-opacity-25
- .bg-opacity-75
- .bg-opacity-100
Create Tailwind templates in minutes ⚡