JSFiddle - React, Tailwind, and code Playground

by Sean Wessell

HTML

<img src="http://www.w3schools.com/tags/smiley.gif" alt="Smiley face" width="42" height="42">

CSS

img {
opacity:0;
}

JavaScript

$('img').animate({
    opacity: 1
  }, 10000, function() {
    //do below to attach or attach event here instead...
  });


$('img').click(function(){
    if ($(this).css('opacity') == 1) {
        //do whatever you need here
        alert('opacity animation complete...click');
    }
});