JSFiddle - React, Tailwind, and code Playground

by psycketom

HTML

<div id="yo">Hello there Jimmy!</div>

CSS

.slidein {
      -webkit-animation-duration: 1s;
      -webkit-animation-name: slidein;
      -webkit-animation-iteration-count: 50;
      -webkit-animation-direction: alternate;
    }
    
    @-webkit-keyframes slidein {
      from {
        margin-left:100%;
        width:300%
      }
      
      to {
        margin-left:0%;
        width:100%;
      }
    }

JavaScript

window.onload = function()
{
    var yo = document.getElementById('yo');
    
    yo.className += ' slidein';
};