Tuesday, August 20, 2013

CSS transparent image mouseover effect

<html>
<head>
<style type="text/css">
img
{
opacity:0.4;
filter:alpha(opacity=40)
}
</style>
</head>
<body>

<img src="fla_01.jpg" style="opacity:0.4;filter:alpha(opacity=40)"
onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" />

<img src="fla_02.jpg" style="opacity:0.4;filter:alpha(opacity=40)"
onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40"/>

</body>
</html>

Result


No comments: