Opacity

Trait for controlling element opacity.

Default styling
Opacity
100
Set opacity to 1. In other words it's solid.
Opacity 100
80
Set opacity to 0.8
Opacity 80
60
Set opacity to 0.6.
Opacity 60
40
Set opacity to 0.4
Opacity 40
20
Set opacity to 0.2
Opacity 20
0
Set opacity to 0. In other words it's transparent.
Opacity 0
Markup

Toggle example guides Toggle HTML markup 

<div pam-opacity="[modifier]" pam-skin="primary" pam-space="p:4" pam-size="w:1-2">
    <span pam-skin="on:primary">Opacity [modifier]</span>
</div>