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

Download Projects

Google Adsense Advertisements
Free Classified Site – Bedpage

Yahoo Advertisements