Opacity #
The aFP Design System provides utility classes that control the transparency of elements. Opacity utilities are useful for visual hierarchy, disabled states, overlays, and subtle UI effects.
Classes #
| Class | Value | Preview |
|---|---|---|
afp-opacity-0 |
0 |
|
afp-opacity-10 |
0.1 |
|
afp-opacity-20 |
0.2 |
|
afp-opacity-30 |
0.3 |
|
afp-opacity-40 |
0.4 |
|
afp-opacity-50 |
0.5 |
|
afp-opacity-60 |
0.6 |
|
afp-opacity-70 |
0.7 |
|
afp-opacity-80 |
0.8 |
|
afp-opacity-90 |
0.9 |
|
afp-opacity-100 |
1 |