JSFiddle - React, Tailwind, and code Playground

by rwhal06

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="start">
  some text some text some text some text some text
</div>

SCSS

@keyframes fadein_left {
  from {
    left: 0;
  }
  to {
    left: 100%;
  }
}

#start:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0%;
  opacity: 1;
  height: 25px;
  background: #fff;
  animation: fadein_left 15s;
}