BETA : Thanos

<a id="titlex" style="display:none;"> Thanos Trigger </a> <style> .layer_bg2{position:fixed; width:100%; height:100%; background: rgba(0,0,0,0.3); left:0; top:0;color:black;} .layer_wrap2{position:fixed; width:300px; height:100px; background:transparent; text-align: center; margin-bottom:30%;color:black;} .thanos { animation-name: thanos; animation-duration: 20s; } @keyframes thanos { 0% {opacity:1.0;} 20% {opacity:0.0;} 40% {opacity:0.0;} 60% {opacity:0.0;display:none;} 80% {opacity:0.0;display:none;} 100% {opacity:0.0;display:none;} } </style> <script > function triggerthanos(){document.getElementById("animplay2").click(); } </script> <script> setTimeout(()=> { document.getElementById("animplay2").click(); } ,2000); setTimeout(()=> { var audiothanos = new Audio('https://drive.google.com/uc?export=download&id=18VArl0fgSHAkxq3-ItbYERzilrCcZXWL'); } ,100); </script> <script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.min.js"></script> <button id="animplay2" href="javascript:;" class="btn_layer2" layer="1" style="display:none;"></button> <div class="layer_bg2" id="flbg2" style="display:none;"></div> <div class="layer_wrap2" id="flwr2" style="display:none;" layer="1" onclick="doSnap()" > <img id="snap0" style="height:300px" onclick="doSnap()" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_2dy6GhzGNPQPSIvktKl3bb1rrkHNs4gYHBbH69oiwegpvGNovepQWaDWpA9qHCFrJwJxk7CWHcEPFH5ThAncUsURdWokpgu_TMkFXmC7jIe5ZB3rNeQJhe_vl-DK0vqnIQOHRzUuN5xSWuqdNScVNhHnL1lItPRv3WCyMe8QOBOxzY_LW5Jg32UQPQ/s720/snap0.gif"/> <br/> <img id="snap" style="display:none;height:300px" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4JeZm4imld_VQurzpVmR93Xm8eHc3kCKQ2Rt3gq6c9RkPPNbOVESl0_KuvceeleYV0lcY1fOk_GoGxK5JArW50GItoBMnRtH6Kuge_i9ulm76bdKCuArOKoyQGQcAUshEFZYDQPCQof9ZFjMJA-R4SBFoHfRudiNxtsDV20gZaAkwg1SrZ5hdKQZQIw/s720/snap.gif" /> <br/> <a href="javascript:;" id="ThanosClose" style="font-sixe:20px;" class="btn_close2">Close</a><br/><br/><br/> </div> <script> function doSnap(){ document.getElementById("snap0").style.display="none"; document.getElementById("snap").style.display="block"; document.getElementById("main").className="thanos"; setTimeout(()=> { document.getElementById("ThanosClose").click(); } ,3000); audiothanos.play(); } </script> <script> $(function () { $(".layer_bg2, .layer_wrap2").hide(); function layer_position2(){ var win_W2 = $(window).width(); var win_H2 = $(window).height(); $(".layer_wrap2").css({'left':(win_W2-300)/2, 'top':(win_H2-100)/2}); }; function layer_open2(no2){ $(".layer_wrap2[layer="+no2+"]").fadeIn(); $(".layer_bg2").fadeIn(); layer_position2(); $(".layer_bg2").click(function (e2) { if(!$(".layer_wrap2").has(e2.target).length){ layer_close2(); }; }); }; function layer_close2(){ $(".layer_wrap2, .layer_bg2").fadeOut(); }; $(".btn_layer2").click(function () { var no2 = $(this).attr("layer"); layer_open2(no2); }); $(".btn_close2").click(function () { layer_close2(); }); $(window).resize(function () { layer_position2(); }); }) </script>