export const meta = {
  title: 'Opacity / Themes / Docs / TACHYONS',
  subNav: 'themes',
  modules: ['tachyons-opacity'],
  editUrl: 'https://github.com/tachyons-css/tachyons/edit/master/docs/themes/opacity.md'
}

# Opacity

The opacity module is a sequence of opacity values that you can apply to any element to adjust the opacity of text, backgrounds, and images.

## Examples

```.html
<div class="dib pa3 ba mr2 mb2 o-100">o-100</div>
<div class="dib pa3 ba mr2 mb2 o-90">o-90</div>
<div class="dib pa3 ba mr2 mb2 o-80">o-80</div>
<div class="dib pa3 ba mr2 mb2 o-70">o-70</div>
<div class="dib pa3 ba mr2 mb2 o-60">o-60</div>
<div class="dib pa3 ba mr2 mb2 o-50">o-50</div>
<div class="dib pa3 ba mr2 mb2 o-40">o-40</div>
<div class="dib pa3 ba mr2 mb2 o-30">o-30</div>
<div class="dib pa3 ba mr2 mb2 o-20">o-20</div>
<div class="dib pa3 ba mr2 mb2 o-10">o-10</div>
<div class="dib pa3 ba mr2 mb2 o-05">o-05</div>
<div class="dib pa3 ba mr2 mb2 o-025">o-025</div>
<div class="dib pa3 ba mr2 mb2 o-0">o-0</div>
```

## Reference

- [MDN - Opacity](https://developer.mozilla.org/en-US/docs/Web/CSS/opacity)
