JSFiddle - React, Tailwind, and code Playground

by abdollahpor

JavaScript

<style>
html, body {
  margin: 0; padding: 0;
  width: 100%; height: 100%;
    
  overflow: hidden;
  background: #171819;
    -webkit-transform: translate3d(0,0,0);
}</style>
</head>

  <script>
    window.open    = function() {};
    window.alert   = function() {};
    window.print   = function() {};
    window.prompt  = function() {};
    window.confirm = function() {};
  </script>

  <script>
if (window !== window.top && window.top.__stop_animations !== false) {
  window.is_webkit = /(webkit)[ \/]([\w.]+)/.exec(window.navigator.userAgent.toLowerCase())

  window.max_timer = window.is_webkit ? 2000 : 20
  var pauseCSSAnimations = function() {

    var stopCSSAnimations = function() {
      var body = document.getElementsByTagName('body')[0];
      body.addEventListener('webkitAnimationStart', stopAnimation, false);
      body.addEventListener('webkitAnimationIteration', stopAnimation, false);
      body.addEventListener('animationstart', stopAnimation, false);
      body.addEventListener('animationiteration', stopAnimation, false);
    };

 
    var stopAnimation = function(e) {
      var target_el = e.target;
      var e_type = e.type.toLowerCase();
      
      if (e_type.indexOf('animationstart') !== -1 || e_type.indexOf('animationiteration') !== -1) {

        setTimeout(false, function() {

          if (target_el.style.webkitAnimationPlayState !== 'paused')
            target_el.style.webkitAnimationPlayState = 'paused';

          if (target_el.style.MozAnimationPlayState !== 'paused')
            target_el.style.MozAnimationPlayState = 'paused';

          if (target_el.style.animationPlayState !== 'paused')
            target_el.style.animationPlayState = 'paused';

        }, window.max_timer);
      }
    }

    stopCSSAnimations();

  };

  var pauseJSAnimations = function() {

    window.setInterval = (function(oldSetInterval) {
      var registered = [];

      var f = function() {
        var id;
        var $this = this;
        var args =...