JSFiddle - React, Tailwind, and code Playground

HTML

<div class="box"><div></div></div>

CSS

.box { width:200px; height:140px; background-color:#f60; }
    .box div  { height:100%; width:100%; background-color:#29F; }

JavaScript

$('.box').mouseover(function() {
    $(this).animate({
      'padding' : 5
    }, 200 );
  });
  $('.box').mouseout(function() {
    $(this).animate({
      'padding' : 0
    }, 200 );
  });