JSFiddle - React, Tailwind, and code Playground

by Marventus

HTML

<noscript>
    <style type="text/css">
        #startImage img {
            opacity: 1;
        }
    </style>
</noscript>
<style type="text/css">
    #startImage img {
        opacity: 0;
    }
</style>
<div id="startImage">
    <img src="http://www.gettyimages.co.uk/CMS/StaticContent/1391099215267_hero2.jpg" alt="Hero2" />
</div>

CSS

#startImage img {
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;
}

JavaScript

$(document).ready(function() {
    $("#startImage img").css("opacity", "1");
});