HTML/CSS: Rollover Solution

html-css-rollover-solution

<!-- HTML -->
<div><img src="" class="rollover"/></div>
<div></div>
<!-- CSS -->
.rollover {
	position: absolute;
	opacity: 0;
	-webkit-transition: opacity 500ms ease;
    -moz-transition: opacity 500ms ease;
        -ms-transition: opacity 500ms ease;
        -o-transition: opacity 500ms ease;
    transition: opacity 500ms ease;
}
.rollover:hover {
	opacity: 1;
}