CSS Opacity : Transparent Hover Effect
img {
opacity: 0.5;
filter: alpha(opacity=50); /* For IE8 and earlier */
}
img:hover {
opacity: 1.0;
filter: alpha(opacity=100); /* For IE8 and earlier */
}
The opacity property is often used together with the :hover selector to change the opacity on mouse-over.