CSS opacity() Function

The opacity() function is an inbuilt function that is used to apply a filter to the image to set the transparency of the image. 

Syntax:

opacity( amount )

Parameters: This function accepts a single parameter amount which holds the amount of transparency. The value of opacity is set in terms of number and percentage. The value 0% represents the complete transparent image and 100% represents the original image. 

Below example illustrates the opacity() function in CSS: 

Example:

Output:

👁 Image

Supported Browsers: The browsers supported by opacity() function are listed below:

• Google Chrome 18 and above
• Edge 12 and above
• Internet Explorer not supported
• Firefox 35 and above
• Safari 6 and above
• Opera 15 and above