JSFiddle - React, Tailwind, and code Playground

by seefeld

HTML

<h1>Some text</h1>

CSS

h1 {
      -moz-animation-duration: 3s;
      -webkit-animation-duration: 3s;
    -moz-animation-direction: alternate;
   -webkit-animation-direction: alternate;
      -moz-animation-name: slidein;
      -webkit-animation-name: slidein;
    -webkit-animation-iteration-count: infinite;
     -moz-animation-iteration-count: infinite;
    }
    
    @-moz-keyframes slidein {
      from {
        margin-left:100%;
        width:100%
      }
     
      to {
        margin-left:0%;
        width:100%;
      }
    }
    
    @-webkit-keyframes slidein {
      from {
        margin-left:100%;
        width:100%
      }
      
      to {
        margin-left:0%;
        width:100%;
      }
    }