Opacity Utilities
Use the opacity utilities to set a specific opacity on an element.
| Class Name | Responsive Classes | Description |
|---|---|---|
u-opacity100 |
none | opacity: 1 |
u-opacity90 |
none | opacity: .9 |
u-opacity80 |
none | opacity: .8 |
u-opacity70 |
none | opacity: .7 |
u-opacity60 |
none | opacity: .6 |
u-opacity50 |
none | opacity: .5 |
u-opacity40 |
none | opacity: .4 |
u-opacity30 |
none | opacity: .3 |
u-opacity20 |
none | opacity: .2 |
u-opacity10 |
none | opacity: .1 |
<img class="u-opacity50" src="https://unsplash.it/400/260">