Deckkraft 1.2.0

Setze die Deckkraft eines Elements mit .velin-opacity-*-Utilities. English: Opacity

Reifegrad: Dokumentiert als stabil in VelinStyle 1.2.0. Studio und die vollstaendige Utility Engine bleiben geplant — ausgelieferte Utilities werden manuell unter @layer utilities, kein vollstaendiger Variantengenerator.

Wann verwenden

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

Wann nicht

Nutze Deckkraft nicht allein, um wichtigen Text abzuschwaechen - bevorzuge muted Farb-Tokens.

Available Klassen

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`

Beispiel

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>