JSFiddle - React, Tailwind, and code Playground

HTML

<h1>I come from the right side</h1>
<h2>I come from the left side</h2>

CSS

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

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

    h1 {  
        animation: 3s slidein-right;
    }

    h2 {  
        animation: 3s slidein-left;
    }