Advertisement

Google Ad Slot: content-top

CSS Opacity

~1 min read · CSS
On this page

In CSS, the opacity property controls the transparency level of an element. It defines how opaque or transparent an element is, where 0 represents full transparency and 1 represents full opacity.


Syntax:

opacity : 0 - 1;
Opacity : 0.1
Opacity : 0.3
Opacity : 0.5
Opacity : 1
Example
div { background-color: #50ffd2; border: 1px solid; opacity : 0.3; }
Try it yourself