CSS opacity

Author: MDBootstrap

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 value, the more transparent:

Opacity 0.2

Opacity 0.5

Opacity 1 (default)



                    img {
                      opacity: 0.5;
                    }



                    <img src="https://mdbootstrap.com/img/Photos/Horizontal/Nature/4-col/img%20(87).webp">

Previous lesson Next lesson

Spread the word:

Do you need help? Use our support forum

About the author