opacity

The opacity property sets how transparent an element and its contents are, from fully visible to invisible. It is universally supported, cheap to animate on the compositor, and one of the most dependable tools for fades and overlays.

Verdict

Safe to use

Category

CSS features

Browser support

Can I Use

Works in

IE9+

Should you use opacity in 2026?

CSS3 opacity allows you to modify the opacity of HTML elements. It is safe to use. For IE8, use the proprietary "filter" property to achieve the same effect.

Browser share on Can I Use Edit on GitHub