CSS: Opacity (Transparency)

By Xah Lee. Date: 2012-04-20. Last updated: 2026-05-11.

Opacity Syntax

Value is 0 to 1. The higher the opacity value, the more opaque.

Can be both a decimal number, or percent.

div {
 opacity: 0.9;
}

div {
 opacity: 90%;
}

Here is text on top of a image. The text's background has increasingly higher opacity.

0.0 0.2 0.4 0.6 0.8 1.0

Supported in all browsers as of 2012-04-20.