CSS3 Opacity Property – CSS


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.

More Information:

This article needs improvement. You can help improve this article. You can also write similar articles and help the community.