JSFiddle - React, Tailwind, and code Playground

by lchau

HTML

<div class="rocket">
  rocket        
</div>

CSS

.rocket{position:absolute;-webkit-animation: shimmy 3s infinite;animation: shimmy 3s infinite;  -webkit-animation-direction: alternate;animation-direction: alternate;}
   @keyframes shimmy {
    0% {
         top:50%;
         right:50%;
         transform:translate(50%,-50%)
       }
    100%{
          top:0;
          right:0;
          transform:translate(0)
    }