Opacity tokens

Opacity#

Ex. Token name Value Use case
0% opacity var(--rh-opacity-0, 0%) Copy Link
10% opacity var(--rh-opacity-10, 10%) Copy Link
20% opacity var(--rh-opacity-20, 20%) Copy Link
30% opacity var(--rh-opacity-30, 30%) Copy Link
40% opacity var(--rh-opacity-40, 40%) Copy Link
50% opacity var(--rh-opacity-50, 50%) Copy Link
60% opacity var(--rh-opacity-60, 60%) Copy Link
70% opacity var(--rh-opacity-70, 70%) Copy Link
80% opacity var(--rh-opacity-80, 80%) Copy Link
90% opacity var(--rh-opacity-90, 90%) Copy Link
100% opacity var(--rh-opacity-100, 100%) Copy Link
© 2021-2023 Red Hat, Inc. Deploys by Netlify
Scroll back to the top