opacity

The opacity property sets the opacity of an element.

Formal Syntax

opacity = <opacity-value> <opacity-value> = <number> | <percentage>

Initial value: 1
Applies to: all elements
Inherited: no
Percentages: map to the range [0,1]
Computed value: specified number, clamped to the range [0,1]
Animation type: by computed value type

See specification

Browser Support

standard | MDN · Spec · Spec

Feature	Chrome	Firefox	Safari	Edge
opacity	1	1	2	12
percentages	78	70	13.1	79

Related Properties