JSFiddle - React, Tailwind, and code Playground

by rodrigonery

HTML

<body>
<div id="screen">
	<div id="img">
		<img alt="Teste1" src="http://i679.photobucket.com/albums/vv151/rebelteen9x/desktop%20background/fantasy-background.jpg">
		<img alt="Rodrigo" src="http://l2.yimg.com/bt/api/res/1.2/ZFSyIVjA290q1h9z.tA6Zw--/YXBwaWQ9eW5ld3M7Zmk9aW5zZXQ7aD02MDQ7cT04NTt3PTQ1MA--/http://l.yimg.com/os/289/2013/03/07/playboy1-jpg_195547.jpg">
		<img alt="Teste2" src="http://cardosinho.blog.br/wp-content/uploads/2012/09/andressa6.jpg">
		<img alt="Teste3" src="http://www.blogdogonzalez.com/wp-content/uploads/2009/07/gostosa-armada.jpg">
		<img alt="Teste4" src="http://1.bp.blogspot.com/-slxKerVeraw/UIClkziWbwI/AAAAAAAAC44/X2yh9B-eqnk/s1600/mulher-gostosa.jpg">
		<img alt="Teste5" src="http://i679.photobucket.com/albums/vv151/rebelteen9x/desktop%20background/skull-1-2.jpg">
		<img alt="Teste6" src="http://i679.photobucket.com/albums/vv151/rebelteen9x/desktop%20background/watery02947a.jpg">
		<img alt="Teste7" src="http://2.bp.blogspot.com/-nRPTmF9pgPo/UGRKY6xwzeI/AAAAAAAABN0/YDP8q-Rd9fU/s1600/gostosa2.jpg">
	</div>
	<div id="tit"></div>
</div>
</body>

CSS

html {
		overflow: hidden;
	}
	body {
		background: #fff;
		width:100%;
		height:100%;
		margin:0;
	}
	#screen {
		position: absolute;
		width: 100%;
		height: 100%;
	}	
	
	#img {
		visibility: hidden;
	}
	#screen img  {
		position:absolute;
		left:-10000px;
		z-index:100;
		-ms-interpolation-mode:nearest-neighbor;
		image-rendering: optimizeSpeed;
		cursor: pointer;
		border:#333 solid 1px;
	}
	#tit {
		text-align:center;
		position:absolute;
		color:#000;
		font-family:verdana;
		font-weight:bold;
		font-size:48px;
		filter: alpha(opacity=30);
		opacity: 0.3;
		width:100%;
		bottom:12px;
		z-index:10000;
	}

JavaScript

var _0xe2a4=["\x50\x49","\x6C\x65\x6E\x67\x74\x68","\x69\x6D\x67","\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x73\x42\x79\x54\x61\x67\x4E\x61\x6D\x65","\x63\x72\x65\x61\x74\x65\x45\x6C\x65\x6D\x65\x6E\x74","\x6F\x6E\x63\x6C\x69\x63\x6B","\x6F\x6E","\x6F\x6E\x6D\x6F\x75\x73\x65\x6F\x76\x65\x72","\x69\x6E\x6E\x65\x72\x48\x54\x4D\x4C","\x61\x6C\x74","\x6F\x6E\x6D\x6F\x75\x73\x65\x6F\x75\x74","\x6F\x6E\x6D\x6F\x75\x73\x65\x64\x6F\x77\x6E","\x72\x65\x74\x75\x72\x6E\x20\x66\x61\x6C\x73\x65","\x73\x72\x63","\x61\x70\x70\x65\x6E\x64\x43\x68\x69\x6C\x64","\x6F\x62\x6A","\x73\x74\x79\x6C\x65","\x7A","\x72\x6F\x75\x6E\x64","\x78","\x79","\x7A\x4F\x4F\x6D","\x4E","\x61\x6E\x69\x6D","\x70\x72\x6F\x74\x6F\x74\x79\x70\x65","\x73\x69\x6E","\x63\x6F\x73","\x6C\x65\x66\x74","\x70\x78","\x74\x6F\x70","\x77\x69\x64\x74\x68","\x68\x65\x69\x67\x68\x74","\x7A\x49\x6E\x64\x65\x78","\x6F\x66\x66\x73\x65\x74\x57\x69\x64\x74\x68","\x6F\x66\x66\x73\x65\x74\x48\x65\x69\x67\x68\x74","\x73\x63\x72\x65\x65\x6E","\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x42\x79\x49\x64","\x74\x69\x74","\x6F\x6E\x73\x65\x6C\x65\x63\x74\x73\x74\x61\x72\x74","\x6F\x6E\x6D\x6F\x75\x73\x65\x6D\x6F\x76\x65","\x65\x76\x65\x6E\x74","\x63\x6C\x69\x65\x6E\x74\x58","\x63\x6C\x69\x65\x6E\x74\x59","\x70\x75\x73\x68","\x69\x6E\x69\x74"];var diapo=function (){var _0xe31dx2= new Array(),_0xe31dx3=Math[_0xe2a4[0]]/180,_0xe31dx4=0,_0xe31dx5=0,_0xe31dx6=0,_0xe31dx7=0,_0xe31dx8=0,_0xe31dx9=0,_0xe31dxa=0,_0xe31dxb=0,_0xe31dxc=0,_0xe31dxd=0;var _0xe31dxe=4;var _0xe31dxf=function (_0xe31dx4,_0xe31dx10,_0xe31dx11,_0xe31dx12){var _0xe31dx13=_0xe31dxd[_0xe2a4[3]](_0xe2a4[2])[_0xe31dx4%_0xe31dxd[_0xe2a4[3]](_0xe2a4[2])[_0xe2a4[1]]];var _0xe31dx14=document[_0xe2a4[4]](_0xe2a4[2]);_0xe31dx14[_0xe2a4[5]]=function (){if(_0xe31dx2[_0xe31dx4][_0xe2a4[6]]==true){_0xe31dx2[_0xe31dx4][_0xe2a4[6]]=false;} else {_0xe31dx2[_0xe31dx4][_0xe2a4[6]]=true;} ;} ;_0xe31dx14[_0xe2a4[7]]=function...