opacity

Anonymous contributor's avatar'
Anonymous contributor
Anonymous contributor's avatar'
Anonymous contributor
Published Jul 7, 2021Updated Sep 3, 2021
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;
}

All contributors

Looking to contribute?

Learn CSS on Codecademy