CSS opacity

Previous Next

Demo of the different values of the opacity property.

Click the property values below to see the result:

opacity: 1;
opacity: 0.9;
opacity: 0.7;
opacity: 0.4;
opacity: 0.1;
opacity: 0;
A yellow DIV element.
Change the opacity of the blue DIV.
A yellow DIV element.
Change the opacity of the blue DIV.
A yellow DIV element.
Change the opacity of the blue DIV.
A yellow DIV element.
Change the opacity of the blue DIV.
A yellow DIV element.
Change the opacity of the blue DIV.
A yellow DIV element.
Change the opacity of the blue DIV.

Play more with the code in our Tryit yourself editor: Try it Yourself ❯