JSFiddle - React, Tailwind, and code Playground

by abdullahdiaa

HTML

<div class="b_header"></div>

CSS

.b_header{
    height:256px;
    width:256px;
    background:url('http://placehold.it/265x265');
    opacity: 0; /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */
  filter: alpha(opacity=0); /* IE6-IE8 */
}

JavaScript

$(document).ready(function() {
$(".b_header").mouseover(function() {
    $(this).animate({ opacity: 5 }, 3000);
 });
});