<%= head %> <%= siteHeader %>

Opacity

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

Examples

Opacity scale

<img src="#" class="o-90">
<img src="#" class="o-80">
<img src="#" class="o-70">
<img src="#" class="o-60">
<img src="#" class="o-50">
<img src="#" class="o-40">
<img src="#" class="o-30">
<img src="#" class="o-20">
<img src="#" class="o-10">
<img src="#" class="o-05">
<img src="#" class="w-100 o-025">

Previous

Box Shadow

Next

Images

Reference

MDN - Opacity css
src/_opacity.css

<%= srccss  %>

<%= navDocs %>
<%= siteFooter %> <%= googleAnalytics %>