These articles cover the basics as well as cutting edge developments in HTML.  Home HTML and CSS Articles Image Opacity Control By CSS

Image Opacity Control By CSS


This is only viewable in Internet Explorer. This script will make an image grey until it has a mouse over it. Once you mouseoff, it changes back to grey. Copy and paste this code into your <img>command.

style="filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)" onmouseover="this.style.filter = 'progid:DXImageTransform.Microsoft.BasicImage(grayscale=0)'" onmouseout="this.style.filter = 'progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)'"

To see the effect move your mouse to the following image.

Image Opacity Control By CSS



Author's URL: Arnab_Ghosh
These articles cover the basics as well as cutting edge developments in HTML. More Articles: Featured Materials | Fresh Materials | More HTML Tutorials at Markuptutorials.com

No comments yet...
Add comments to "Image Opacity Control By CSS"

Captcha