Opacity

Syntax

Class
Properties
opacity-{value}
opacity: {value};

Parameters

value
<float32 default-unit=0.01>
<div class="t1 w-128 h-128 bg-c-blue opacity-100"></div>

Specification test cases

The test cases below are imported from the Turbo CSS specification. They have been executed upon loading this page.
Fully opaque.
t1 opacity-100
.t1.opacity-100 { opacity: 1; }
Half transparent.
t1 opacity-50
.t1.opacity-50 { opacity: 0.5; }
Transparent
t1 opacity-0
.t1.opacity-0 { opacity: 0; }