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.

Related concepts

Transparent Hover Effect

CSS Opacity : Transparent Hover Effect — Structure map

Clickable & Draggable!

CSS Opacity : Transparent Hover Effect — Related pages: