Image opacity on hover

by carey

HTML

<a href="http://placekitten.com/" target=_blank><img src="http://placekitten.com/300/300" width=300 height=300 alt=""></a>

CSS

a { display: inline-block; }
img { border: 0; display: block; }
a:hover { background: #3fc; }
a:hover img {
    opacity: 0.6;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}