keyboard_double_arrow_left
help Help & getting started
  1. Home
  2. Opacity

Opacity.

Control the opacity of elements. Click here

Opacity

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.

100%
75%
50%
25%
0%

<div class="opacity-100">...</div>
<div class="opacity-75">...</div>
<div class="opacity-50">...</div>
<div class="opacity-25">...</div>
<div class="opacity-0">...</div>