JSFiddle - React, Tailwind, and code Playground

by Ollin

HTML

<div class="background"><img src="http://saveimg.ru/pictures/31-01-16/670b081f020b438eeb07c6cd0ed9e00e.jpg"></div>
<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;">

CSS

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

html,body{height:100%;}.background{position:absolute;z-index:0;width:100%;
height:100%;overflow:hidden;}

JavaScript

document.body.className = 'fade';

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