CSS Opacity


Prev Tutorial Next Tutorial

CSS Opacity

In CSS we can easily create transparent images very easily by using Opacity.The CSS Opacity property is used to specify the transparency of any Html element. In simple word, you can say that it specifies the clarity of the image.

Example: css Opacity

<!DOCTYPE html>  
<html>  
<head>  
<style>  
img.trans {
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */  
} 
</style>  
</head>  
<body>  
<img src="http://www.tutorial4us.com/files/sublogo.png" alt="logo"> 
<img class="trans" src="http://www.tutorial4us.com/files/sublogo.png" alt="logo">  
</body>  
</html>

Result

logo logo

Prev Tutorial Next Tutorial

Advertisements




Download Projects