Opacity

Control the opacity of elements.

Opacity on Bootstrap

Example

The opacity property sets the opacity level for an element. The opacity level describes the transparency level, where 1 is not transparent at all, .5 is 50% visible, and 0 is completely transparent.
Set the opacity of an element using .opacity-{value} utilities.

<div class="opacity-100 text-white">100%</div>
<div class="opacity-75 text-white">85%</div>
<div class="opacity-75 text-white">75%</div>
<div class="opacity-50 text-white">50%</div>
<div class="opacity-25 text-white">25%</div>
100%
85%
75%
50%
25%
On this page

Thank you for creating with Phoenix|
2024 ©Themewagon

v1.20.1

Demo widget
Request a callbackSearch in chatShow historyReport to AdminClose Support

I need help with something

I can’t reorder a product I previously ordered

How do I place an order?

My payment method not working
Eric

Ask us anything – we’ll get back to you here or by email within 24 hours.

Theme Customizer

Explore different styles according to your preferences

Color Scheme
RTL

Change text direction

Support Chat

Toggle support chat

Navigation Type
Vertical Navbar Appearance
Horizontal Navbar Shape
Horizontal Navbar Appearance
Purchase template
customize