opacity

Anonymous contributor's avatar
Anonymous contributor
Anonymous contributor's avatar
Anonymous contributor
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

Looking to contribute?

Learn CSS on Codecademy