JSFiddle - React, Tailwind, and code Playground

by Ollin

HTML

<body><img src="http://saveimg.ru/pictures/31-01-16/670b081f020b438eeb07c6cd0ed9e00e.jpg"; position: absolute; width="100%"; height="100%";>
<img src="http://saveimg.ru/pictures/31-01-16/547d49a3108950989858daa86c0533a9.png" border="0" style="position: absolute; left: 20px; top: 20px;">
<img src="http://saveimg.ru/pictures/31-01-16/547d49a3108950989858daa86c0533a9.png" border="0" style="position: absolute; right: 20px; bottom: 20px;"></body>

CSS

body.fade{opacity: 0;}body.appear{opacity: 1;transition: opacity 5s;}

JavaScript

document.body.className = 'fade';

setTimeout(function(){document.body.className = 'appear';}, 0);