CSS Opacity / Transparency

 

CSS Opacity / Transparency

The opacity property specifies the opacity/transparency of an element.

Transparent Image

The opacity property can take a value from 0.0 - 1.0. The lower the value, the more transparent:

opacity 0.2

opacity 0.5

opacity 1
(default)

Example

img {
  opacity: 0.5;
}