opacity

artyspangler's avatar
Published Jul 7, 2021Updated Nov 17, 2023
Contribute to Docs

To measure of how transparent an element is.

Syntax

opacity: <value>;

The <value> is measured from 0 to 1:

  • 0 representing 0%, or fully invisible.
  • 1 representing 100%, or fully visible and opaque.

Example 1

Set the h1 tag to be 50% visible:

h1 {
opacity: 0.5;
}

Image of text at full and half opacity

All contributors

Contribute to Docs

Learn CSS on Codecademy