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

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.

photo1



Author's URL: Arnab_Ghosh
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

HTML is Hyper Text Markup Language that is used to make hypermedia and hypertext documents for the Web. More HTML and CSS: Most Popular Materials | Fresh Materials | More HTML Tutorials at Markuptutorials.com

Add comments to "Image Opacity Control By CSS"

Only registered users can write comment

No comments yet...