CSS Opacity

CSS Opacity property specifies the transparency of an element.
The opacity property can take the value from 0.0 - 1.0. For greater transparency you have to use lower value. If you increase the value transparency will be decreased.


opacity Property Example

Here is an example using opacity:

Example:

img {
  opacity: 0.6;
  filter: alpha(opacity=60);
}

Run Example

The filter property is used for IE8 and earlier version.