CSS opacity() Function

img {
  filter: opacity(0.5);
}

Meaning

The opacity() css function defines the opacity level for the image. The opacity-level describes the transparency-level.

Note: This filter is similar to the opacity property. The difference is that with filters, some browsers provide hardware acceleration for better performance.

Note: Negative values are not allowed.

Version: CSS3

Standard Syntax

opacity()

Browser Support

The numbers in the table specify the first browser version that fully supports the property.

Status

Function Arguments

The following table describes the arguments of this function.

See also

The other <filter-function> functions available to be used in values of the filter and backdrop-filter properties include:

• blur()
• brightness()
• contrast()
• drop-shadow()
• grayscale()
• hue-rotate()
• invert()
• saturate()
• sepia()