CSS Opacity

Advertisements

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 Advertisment

Buy This Ad Space @$20 per Month, Ad Size 600X200 Contact on: hitesh.xc@gmail.com or 9999595223

Magenet is best Adsense Alternative here we earn $2 for single link, Here we get links ads. Magenet

For Projects 9999595223

Google Advertisements


Buy Websites 9999595223

Buy College Projects with Documentation Contact on whatsapp 9999595223. Contact on: hitesh.xc@gmail.com or 9999595223 Try this Keyword C++ Programs

Advertisements