JSFiddle - React, Tailwind, and code Playground

by l2banners

HTML

<div class="block">
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quo quisquam, a neque et saepe numquam eos voluptate aspernatur rem. Nesciunt consectetur perspiciatis, nisi ipsum, quisquam sit suscipit quia illum officiis.
</div>

CSS

.block {
  animation: block 5s linear forwards;
}

 @keyframes block {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(0);
    }
}