JSFiddle - React, Tailwind, and code Playground

by SLAVOO SLAVOO

HTML

<div class="fadehover">
<a href="{$mybb->settings['bburl']}/index.php">
<img src="http://i.imgur.com/d4psyIb.png" class="a" alt="{$mybb->settings['bbname']}" />
<img src="http://i.imgur.com/VhrunYp.png" class="b" alt="{$mybb->settings['bbname']}" />
</a>
</div>

CSS

div.fadehover {
	position: relative;
}

img.a {
	position: absolute;
	z-index: 10;
}

img.b {
	position: relative;
}

JavaScript

jQuery(document).ready(function(){

jQuery("img.a").hover(
function() {
jQuery(this).stop().animate({"opacity": "0"}, "slow");
},
function() {
jQuery(this).stop().animate({"opacity": "1"}, "slow");
});

});