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.

Example:

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.

Example:

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.

Example:

 

Leave a Reply

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