JSFiddle - React, Tailwind, and code Playground

by Kelly Hawker

HTML

<link rel="stylesheet" href="https://animate.style/animate.min.css">
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<script src="https://wowjs.uk/dist/wow.min.js"></script>
<div class="outer">
<div class="inner">
<div class="text">
This is some text
</div>
</div>
</div>

CSS

.inner { width:300px; height:300px; border:solid 1px #000 }

JavaScript

new WOW().init();


$('.inner').hover(
   function () { $(this).find('.text').addClass('wow slideInLeft') },
   function () { $(this).find('.text').removeClass('wow slideInLeft') }
);