JSFiddle - React, Tailwind, and code Playground

HTML

<div class="element"></div>

CSS

.element {
        width: 200px;
        height: 200px;
        -webkit-transition: background-color .5s ease-out 0.1s;
        -moz-transition: background-color 5s ease-out 0.1s;
        transition: background-color .5s ease-out 0.1s;
        background-color: rgba(121,123,123,1);
    }
    
    .element.animate-background-color {
        background-color: rgba(121,123,123,0);
    }

JavaScript

$('.element').hover(function(){
    $(this).addClass('animate-background-color');
});