JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://github.com/brandonaaron/jquery-cssHooks/raw/master/boxshadow.js"></script>
<div id="box">this is my box</div>

CSS

#box{ 
    -webkit-box-shadow: #000 1px 1px 3px; 
    -moz-box-shadow: #000 1px 1px 3px; 
    box-shadow: #000 1px 1px 3px; 
}

JavaScript

$('#box').mouseover(function() {
  $(this).delay(200).animate({
    'boxShadowX': '10px',
    'boxShadowY':'10px',
    'boxShadowBlur': '20px'
});
});

$('#box').mouseout(function() {
  $(this).delay(200).animate({
    'boxShadowX': '0px',
    'boxShadowY':'0px',
    'boxShadowBlur': '0px'
});
});