@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; }