The opacity is mainly used in defining the transparency of the element. In other words, it specifies the clarity of an image by allowing some fixed size of light to pass through it.
Example :
<style>
img{
height:250px;
width:250px;
opacity:50px;
}
</style>