JSFiddle - React, Tailwind, and code Playground

by luka kupunia

HTML

<div class="box">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat recusandae, in porro quod error explicabo ad? Nam maxime, et accusantium reiciendis possimus consequuntur aliquam illo dolore omnis numquam ea. Voluptatibus!Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat recusandae, in porro quod error explicabo ad? Nam maxime, et accusantium reiciendis possimus consequuntur aliquam illo dolore omnis numquam ea. Voluptatibus!Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat recusandae, in porro quod error explicabo ad? Nam maxime, et accusantium reiciendis possimus consequuntur aliquam illo dolore omnis numquam ea. Voluptatibus!Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat recusandae, in porro quod error explicabo ad? Nam maxime, et accusantium reiciendis possimus consequuntur aliquam illo dolore omnis numquam ea. Voluptatibus!Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat recusandae, in porro quod error explicabo ad? Nam maxime, et accusantium reiciendis possimus consequuntur aliquam illo dolore omnis numquam ea. Voluptatibus!Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat recusandae, in porro quod error explicabo ad? Nam maxime, et accusantium reiciendis possimus consequuntur aliquam illo dolore omnis numquam ea. Voluptatibus!Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat recusandae, in porro quod error explicabo ad? Nam maxime, et accusantium reiciendis possimus consequuntur aliquam illo dolore omnis numquam ea. Voluptatibus!Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat recusandae, in porro quod error explicabo ad? Nam maxime, et accusantium reiciendis possimus consequuntur aliquam illo dolore omnis numquam ea. Voluptatibus!Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat recusandae, in porro quod error explicabo ad? Nam maxime, et accusantium reiciendis possimus consequuntur aliquam...

CSS

.box {
    width: 1000000px;
    height: 100px;
    background: linear-gradient(to left, red , black);
    animation: a 3600s infinite;
    font-size: 100px;
    color: white;
}
@keyframes a {
    100% {
        transform: translateX(-100%);
    }
}