CSS Opacity

The CSS opacity property can be used to change the transparency of an element. Utilising the opacity rule is super simple and when used correctly can provide great user feedback without the need to use images.

The opacity range can be 0.0 to 1.0.

  • 0 = The element is fully transparent (invisible).
  • number between 0 and 1 = The element is translucent.
  • 1 = The element is fully opaque (solid).

.your-selector{
   opacity: 0.8;  /* 80% opaque */
   filter: alpha(opacity=80);  /* IE8 and lower */
}

This post currently has no responses. What do you think?

You can use basic HTML when posting code, please turn all < characters into &lt; or > into &gt;
If the code is multi-line, use <pre><code></code></pre>

Leave a Reply

Your email address will not be published. Required fields are marked *