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

Google Advertisements
Download Projects

Google Adsense Advertisements

Buy 3 Year Old Domain, Tutorialday.com, SeosmoTools.com @$200

Buy This Ad Space @$50 per Month, Ad Size 300X250 Contact on: hitesh.xc@gmail.com WhatsApp no. 8882538826

Yahoo Advertisements