CSS Intro

CSS Intro Quiz

CSS Intro Exercise

CSS Basic

CSS Basic Quiz

CSS Basic Exercise

CSS Advance

CSS Advance Quiz

CSS Advance Exercise


CSS3 Quiz

CSS3 Exercise

CSS Properties

CSS Functions

CSS Selectors

Opacity in CSS




CSS opacity property provides an excellent means of adding opacity to any element. The opacity property value ranges from 0.0 (fully transparent) to 1.0 (fully opaque). If you want to have the opacity property work in all versions of IE, use the filter:alpha(opacity=x). x can take a value from 0 to 100. The value 0 results in a completely transparent element, whereas the value 100 makes the element completely opaque.




Its syntax is:-

< style >


opacity: number| initial| inherit;


< /style >


Further Explanation:-


Value Description
number Specifies the opacity from 0.0 to 1.0.
initial Sets this property to its default value.
inherit Inherits this property from its parent element.

Code Explanation

All Tutorials related to CSS3

All Sections related to CSS