opacity()
Published Jul 13, 2021Updated Sep 3, 2021
Contribute to Docs
Controls how much of the background is visible through the element it is applied to.
Syntax
filter: opacity(<value>);
where a required <value>
can be one of the following:
- Number value:
0
,1
- Percentage value:
25%
,50%
Note: Value defaults to 1
or 100%
leaving element unchanged. A value of 0
and 0%
will be completely transparent. Negative values as well as values greater than 1
or 100%
are not allowed.
Example 1
Set the opacity of our element to 50%
:
.banner-image {filter: opacity(50%);}
All contributors
- Anonymous contributorAnonymous contributor3077 contributions
- christian.dinh
- Anonymous contributor
- robgmerrill
Looking to contribute?
- 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.