Zoomed in text

by hellosze

HTML

<ul>

<li></li>
<li></li>
<li></li>
<li></li>
<li></li>

</ul>

CSS

li { font-size: 120px; }
li { width: 150px; height: 150px; overflow: hidden; }
li { text-indent: 30px; }

JavaScript

i = 0;
$("li").each(function(){
   var r = Math.random()*25;
   var b = Math.random()*120;
   $(this).text("Hello World").css("text-indent",r*5).css("font-size",b);
   i++;
   
});