JSFiddle - React, Tailwind, and code Playground

by alexg88

HTML

<div id="botonder" class="boton">
</div>

CSS

#botonder{
  width:30px; 
  height:73px; 
    float:right;
    
     background: #85705A url(http://www.thinkfa.com/wp-content/themes/thinkfa_theme/images/arrow_marquis_right.png) scroll no-repeat center center
}

.boton:hover{
    
}

JavaScript

$('#botonder').hover(
    function(){        
     $(this).stop().animate({
     width: "35px",
     backgroundColor: "#88AE4A"
  }, 300 );        
    },
    function(){        
     $(this).stop().animate({
    width: "30px",    
         backgroundColor: "#85705A"
  }, 300 );        
    }    
)