JSFiddle - React, Tailwind, and code Playground

by oraclepadawan

HTML

<html>
   <head>
      <style>
         h1, p {
            -moz-animation-duration: 3s;
            -webkit-animation-duration: 3s;
            -moz-animation-name: slidein;
            -webkit-animation-name: slidein;
         }
         @keyframes slidein {
            from {
               margin-left:100%;
               width:300%
            }
            to {
               margin-left:0%;
               width:100%;
            }
         }
      </style>
   </head>

   <body>
      <h1>Animación</h1>
      <p>desde la izquierda</p>
      <button onclick = "funcion()">recargar la página</button>
      <script>
         function funcion() {
            location.reload();
         }
      </script>
   </body>
</html>