Opacity
Opacity specifies how transparent an element is.
Opacity is the degree to which an object or material allows light to pass through it. Use the following tokens to apply transparency to an element.
Opacity tokens
| Token | Value | Example |
|---|---|---|
| 0 |  | |
| —opacity-1 | 0.04 |  |
| —opacity-2 | 0.08 |  |
| —opacity-3 | 0.12 |  |
| —opacity-4 | 0.16 |  |
| —opacity-6 | 0.24 |  |
| —opacity-8 | 0.32 |  |
| —opacity-10 | 0.40 |  |
| —opacity-12 | 0.48 |  |
| —opacity-16 | 0.64 |  |
| —opacity-20 | 0.80 |  |
| 1 |  |
Was this page helpful?