JSFiddle - React, Tailwind, and code Playground

HTML

<div id='thumbdiv'></div>

CSS

#thumbdiv {
    height: 100px; width: 100px;
    background-color: green;
    border-color: red;
    border-width: 20px;
    border-style: solid;
}

JavaScript

var isIn = false;
$("#thumbdiv").bind({
            mouseenter: function(){
                if (!isIn) {
                $(this).animate({
                    'border-top-width': "25px",
                    'border-left-width': "25px",
                    'border-right-width': "25px",
                    'border-bottom-width': "25px",
                    'margin-top': '-5px',
                    'margin-left': '-5px',
                    'margin-right': '-5px',
                    'margin-bottom': '-5px'
                }, 200, 'linear');
                isIn = true;
            }
            },
            mouseleave: function(){
                if (isIn) {
                $(this).animate({
                    'border-top-width': "20px",
                    'border-left-width': "20px",
                    'border-right-width': "20px",
                    'border-bottom-width': "20px",
                    'margin-top': '0px',
                    'margin-left': '0px',
                    'margin-right': '0px',
                    'margin-bottom': '0px'
                }, 200, 'linear');
                isIn = false;
            }
            }
        });