Author: Michal Szymanski
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:
.jpg)
Opacity 0.2
.jpg)
Opacity 0.5
.jpg)
Opacity 1 (default)
img {
opacity: 0.5;
}
<img src="https://mdbootstrap.com/img/Photos/Horizontal/Nature/4-col/img%20(87).jpg">
Previous lesson Next lesson
Spread the word: