Vectorials
Flash Perfection
3D Lessons
Tutorialkit
Markup Tutorials
Learn PHP
network
adv banner
Turning off the Internet Explorer Image Toolbar
by Stefan Mischook
Putting Images On Your Web Site
by Amrit Hallan
Images
by Depiction.net
Basic HTML
by Lindsay Coome
Free Web Designs
A collection of free web templates. Premium quality web designs, easy to browse.
HTML and CSS tutorials
A collection of free web templates. Premium quality web designs, easy to browse.
HTML and CSS  Home HTML and CSS Articles Image Opacity Control By CSS
rss

Image Opacity Control By CSS

Author: Arnab_Ghosh More by this author

Added: Dec 22, 2005 Rating:  Average Rating: 3.11 Votes: 61 Position: 6910 of 12257Average Rating: 3.11 Votes: 61 Position: 6910 of 12257Average Rating: 3.11 Votes: 61 Position: 6910 of 12257Average Rating: 3.11 Votes: 61 Position: 6910 of 12257Average Rating: 3.11 Votes: 61 Position: 6910 of 12257 Level: All levels Software:  DreamweaverGoLiveFrontPage

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



Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

HTML and CSS  More HTML and CSS: Most Popular Materials | Fresh Materials | More HTML Tutorials at Markuptutorials.com
Add comments to "Image Opacity Control By CSS"