Если у вас сайт новостей или какого-то журнала или газеты, то вам может пригодиться пример, в котором показано как оформить текст в виде ленты уходящей в даль. Смотрится такой текст стильно, может использоваться и на адаптивных шаблонах. Теперь детально как это все реализовать. Для начала - стили:

.realistic {
 color: #222;
 font-family: Georgia, Baskerville, serif;
 font-size: 40px;
 position: absolute;
top:-340px;
left:0px;
 opacity: 0.25;
 transform-origin: 50% 600px;
 max-width: 900px;
 transform: scale(0.75, 0.75) perspective(1200px) rotateY(8deg) rotateX(45deg);
 text-shadow: 0 0 3px rgba(34, 34, 34, 0.6), 0 0 1px rgba(34, 34, 34, 0.2);
 text-align: justify;
}
.realistic p {
 text-indent: 60px;
 font-size: 30px;
}
.realistic h1 {
 font-weight: normal;
 font-size: 80px;
 text-align: center;
}
.realistic.blur {
 pointer-events: none;
}
.realistic.blur-top:nth-child(1) {
 transform: scale(0.75, 0.75) perspective(1200px) rotateY(8.2deg) rotateX(45.2deg);
}
.realistic.blur-bottom:nth-child(1) {
 transform: scale(0.75, 0.75) perspective(1200px) rotateY(7.8deg) rotateX(44.8deg);
}
.realistic.blur-top:nth-child(2) {
 transform: scale(0.75, 0.75) perspective(1200px) rotateY(8.4deg) rotateX(45.4deg);
}
.realistic.blur-bottom:nth-child(2) {
 transform: scale(0.75, 0.75) perspective(1200px) rotateY(7.6deg) rotateX(44.6deg);
}
.realistic.blur1 {
 transform: scale(0.75, 0.75) perspective(1200px) rotateY(8.4deg) rotateX(45.4deg);
}
.realistic.blur2 {
 transform: scale(0.75, 0.75) perspective(1200px) rotateY(7.6deg) rotateX(44.6deg);
}

Затем текст, который вы будете выводить:

< div class="realistic original" contenteditable>
 < h1 >Заголовок текста< /h1 >
 < p >Это текст для показа в перспективе..... 
< /p ><⁄div>

И теперь скрипт, который отвечает за повторение вывода:

$(document).ready(function(){
 var steps=2; //has to match css
 
 var content=$(".original").html();
 var top=$("
").insertBefore(".original");
 var bottom=$("
").insertBefore(".original");
 
 for(var i=0;i").addClass("realistic blur blur-top").html(content).appendTo(top);
 $("
").addClass("realistic blur blur-bottom").html(content).appendTo(bottom);
 }
 
 $(".original").on("input",function(){
 $(".blur").html($(".original").html());
 })
 
})

Замечание. Скорее всего, при установке на ваш сайт, код придется допиливать, настраивая стили и контейнер, в котором это все будет отображаться. А никто и не говорил, что будет легко и просто.