## 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

##### Demo widget

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

Light
Dark
Auto

##### RTL

Change text direction

##### Support Chat

Toggle support chat

##### Navigation Type

Vertical
Horizontal
Combo
Dual nav

##### Vertical Navbar Appearance

Default Default
Darker Lighter

##### Horizontal Navbar Shape

Default
Slim

##### Horizontal Navbar Appearance

Default
Darker Lighter
Purchase template
customize