Highlight Image

April 13th, 2009 | Tags:

Tutorial Description:

Learn how to highlight image on mouse over.

Add the following code to your style [CSS] file:

.highlight img
{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
}

.highlight:hover img
{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}

After that, add this code to your document.

<a href="http://www.swedesignz.com/" class="highlight">
<img border="0" src="image.gif">
</a>
No comments yet.
TOP