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);
    
    $('img').click(function () {
        if ($(this).css('opacity') == 1) {
            //do whatever you need here
            alert('opacity animation complete...click');
        }
    });