848 B
848 B
title |
---|
CSS3 Opacity Property |
CSS3 Opacity Property
opacity
lets you control how transparent an element is on a scale of 0
to 1
.
If you set the property of an element to 0
it will be transparent. If you set it to 1
it will be opaque.
Setting an element to opacity: 0;
does not remove it from the page. The element will still be clickable and impact the flow of the page's content.
.transparent {
opacity: 0;
}
.verySeeThrough {
opacity: 0.3;
}
.slightlySeeThrough {
opacity: 0.7;
}
.opaque {
opacity: 1;
}
This simple example shows how you might use opacity with a hover effect.