How to change opacity of Div using CSS?

Answer

To change opacity of Div using CSS, you can set the opacity style property for the div elements with the values like 0.1, 0.5, 0.9, etc.

CSS Code

The following is the typical CSS code to change opacity of Div in HTML page using tag name div.

Using 10% opacity

div {
   opacity: 0.1;
}

Using 50% opacity

div {
   opacity: 0.5;
}

Using 90% opacity

div {
   opacity: 0.9;
}

Examples

We shall go through some working examples on how to change opacity of Div using CSS. In the following examples, you may change the value of opacity and Run the code to visually observe the changes made to the Div elements.