JSFiddle - React, Tailwind, and code Playground

by Baliga

HTML

<div id="test" class=""></div>

CSS

div#test {
  width: 50px;
  height: 50px;
  background-color: red;
  position: absolute;
  left: 10vw;
  animation-name: move;
  animation-duration: 5s;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
}

@keyframes move {
  to {
    left: 90vw
  }
}

.paused {
  animation-play-state: paused !important;
  -webkit-animation-play-state: paused !important;
  -moz-animation-play-state: paused !important;
}

JavaScript

$(window).focus(function() {
       console.log('Focus');
    });

    $(window).blur(function() {
       console.log('Blur');
    });