JSFiddle - React, Tailwind, and code Playground

by jay30mcr

HTML

<link rel="stylesheet" href="http://www.ubhape2.com/css/animate.css">
<img id="animate" class="fear" src="http://thedownliner.com/images/468b.jpg" alt="Fear" />

CSS

.fear{
    position:absolute;
            left:150px;
            top:0px;
}
        
        #animate {
    -moz-animation-delay: 3s;
    -webkit-animation-delay: 3s;
    -o-animation-delay: 3s;
    -ms-animation-delay: 3s;
    animation-delay: 3s;
}
html,body { overflow: hidden; }

JavaScript

var $j = jQuery.noConflict();
 $j(document).ready(function() {
           $j('#animate').addClass('animated hinge');
               });