CSS3 provides us the opacity property. opacity sets the opaqueness of the element on which it’s declared. Similar to alpha transparency, the opacity value is a floating point number between (and including) 0 and 1. An opacity value of 0 defines the element as fully transparent, whereas an opacity value of 1 means the element is fully opaque.
background-color: rgb(0, 0, 0);
background-color: rgba(0, 0, 0, 0.5);
The opacity sets the opacity value for an element and all of its children. Any text in the semiopaque
div will also be 50% opaque.
A semitransparent RGBA or HSLA color has no impact on elements other than the one it’s declared on.