Image Transparency in CSS:

If you want to make an image transparent you have to use “opacity” property in CSS. You have to assign opacity simply.


In following example we will assign opacity to second image and the first image is actual image

 Hover Effect on Transparent Property:

We can also apply hover effect on a transparent image.


In following example we are using hover property over a transparent image

 Text in a Transparent Box:

If there is an image on background and you want to write text over it so it will not display properly, so you can use a transparent box on image background and then we can write text on it.



Leave a Reply

Your email address will not be published. Required fields are marked *