JSFiddle - React, Tailwind, and code Playground

by Admiral Potato

HTML

<div class="box">Hello</div>

CSS

.box {
  background-color: #f00;
  animation-duration: 3s;
  animation-name: slidein;
  -webkit-animation-duration: 3s;
  -webkit-animation-name: slidein;
}

 
@keyframes slidein {
  from {
    margin-left: 100%;
    width: 300%
  }
 
  to {
    margin-left: 0%;
    width: 100%;
  }
}

@-webkit-keyframes slidein {
  from {
    margin-left: 100%;
    width: 300%
  }
 
  to {
    margin-left: 0%;
    width: 100%;
  }
}