Nice image effect in CSS!!! - Webmaster Forums - Webmaster forum for HTML, PHP, ASP, CSS and more

borisbesner · 11-26-2006, 03:35 PM

Hi, I posted a thread about a image effect problem that I had.

Quote:

Hi, I need a code to increase images brightness on mouseover, on this site have exactly wath I need!

please reply me a code of a site that haves it or if you know a way the do it (else than just 2 images swithing) please help me!

I finded a CSS code to change the brightness of a image on mouse over WITH OUT 2 images:

PHP Code:


		
			
<head>

<style type="text/css">



/*Credits: Dynamic Drive CSS Library */

/*URL: http://www.dynamicdrive.com/style/ */



.toggleopacity img{

filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);

-moz-opacity: 0.5;

}



.toggleopacity:hover img{

filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);

-moz-opacity: 1;

}



.toggleopacity img{

border: 1px solid #ccc;

}





</style>

</head>

<body>

<a class="toggleopacity" href="YOUR LINK">

<img border="0" src="YOUR IMAGE" width="137" height="26" />

</a>

y>

Thank you all any way,

O~Snapple · 11-27-2006, 05:58 PM

Awesome
thansk for letting everyone else in on the cool new tricks.

~Snapple