Unleash your potential

Go one step further with our solutions for creating an intuitive, personalized experience.

Log In
Alpha
Docs Creations Contact
Docs / web / opacity

Opacity

Manage the opacity of your elements with the opacity utility class.

Initializing the utility.

Here is the basic structure of the opacity utility class: opacity_[value] ([value] is a value between 0 and 100 with a step of 5).

opacity 55%
opacity 85%
opacity 10%
opacity 25%

opacity
<div class="opacity_55">opacity 55%</div>
<div class="opacity_85">opacity 85%</div>
<div class="opacity_10">opacity 10%</div>
<div class="opacity_25">opacity 25%</div>
opacity 55%
opacity 85%
opacity 10%
opacity 25%

opacity
<div class="opacity_55">opacity 55%</div>
<div class="opacity_85">opacity 85%</div>
<div class="opacity_10">opacity 10%</div>
<div class="opacity_25">opacity 25%</div>
Class Definition
opacity_[V] opacity : [V]%; (from 0 to 100, steps of 5).
Hello!

Haltura wants to provide you with an efficient experience by implementing cookies! Cookies are small files that help us to understand you better and to ensure the proper functioning of our technologies. You have the right to manage them as you wish!

Cookie settings

Important (Can't be disabled)