CSS opacity
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;}
Contribute to Docs
- Learn more about how to get involved.
- Edit this page on GitHub to fix an error or make an improvement.
- Submit feedback to let us know how we can improve Docs.
Learn CSS on Codecademy
- Front-end engineers work closely with designers to make websites beautiful, functional, and fast.
- Includes 34 Courses
- With Professional Certification
- Beginner Friendly.115 hours
- A full-stack engineer can get a project done from start to finish, back-end to front-end.
- Includes 51 Courses
- With Professional Certification
- Beginner Friendly.150 hours