JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://bisostore.com/files/css/animate.min.css">
<div id="tahasoft"> test </div>

CSS

#tahasoft{
    width:100px;
    height:100px;
    background:red;
    text-align:center;
    padding-top: 50px;
    color:white;
    border-radius:5px;
    margin:20px auto;
    cursor:pointer;
}

JavaScript

function animate(el,x) {
        $(el).addClass(x + ' animated').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function() {
          $(this).removeClass(x + ' animated');
        });
  }


  $("#tahasoft").hover(function(){
      animate( $(this),'flipInX');    
    });