<head>
<style type="text/css">
#box {
background:url(IMAGE LOCATION);
height:RESET;
width:RESET;
}
#animate {
opacity:0;
-webkit-transition: opacity 0.25s ease;
}
#box:hover #animate {
opacity:1;
}
</style>
</head>
<body>
<div id="box">
<div id="animate">
<span id="gif"><img src="IMAGE LOCATION" /></span>
</div>
</div>
</body>