Opacity 1.2.2

Set the opacity of an element using .velin-opacity-* utilities. Deutsch: Deckkraft

Maturity: Documented as stable in VelinStyle 1.2.0. Studio and the complete Utility Engine remain planned — shipping utilities are hand-authored under @layer utilities, not a full variant generator.

When to use

Fade decorative layers with opacity utilities (.velin-opacity-*).

When not

Do not use opacity alone to mute essential text — prefer muted color tokens.

Available Classes

Class	CSS
`.velin-opacity-0`	`opacity: 0`
`.velin-opacity-25`	`opacity: 0.25`
`.velin-opacity-50`	`opacity: 0.5`
`.velin-opacity-75`	`opacity: 0.75`
`.velin-opacity-100`	`opacity: 1`

Example

100%

75%

50%

25%

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