Submitted solutions for "A World far far away"

Wouter Raateland

@keyframes farAway {
        from {
                transform: rotatex(30deg) translateY(11em) translateZ(-.3em);
        }
        to {
                transform: rotatex(30deg) translateY(-8em) translateZ(-.3em);
        }
}

.box {
        perspective: 185px;
        perspective-origin: center bottom;
}

.box::before {
        content: 'Hello WorldHello WorldHello WorldHello WorldHello WorldHello WorldHello World';
        width: 5.5em;
        word-break: break-all;
        line-height: 1.5;

        animation: farAway 14s infinite linear;
}