nakome
10/18/2013 - 1:18 PM

A Pen by Moncho Varela.

A Pen by Moncho Varela.


body{
  background:#2c3e50;
}
.box{
  position:absolute;
  top:0;
  left:0;
  right:0;
  buttom:0;
  width:12em;
  height:12em;
  overflow:hidden;
  line-height:4em;
  margin: 6em auto;
  text-align:center;
  padding:0.5em;
  background:#34495e;
}
// text_shadow( class ,font-size, color ,shadow color);
text_shadow('.box>h1','85px','#34495e','#2c3e50');


// text shadow function
function text_shadow(el,sz,cl,sh){
  var box = document.querySelector(el),
      shadow = '';
  for (var i = 1; i < 100; i++) {
    shadow += i+'px '+i+'px '+sh+',';  
  }
  box.style.textShadow = shadow.slice(0,-1);
  box.style.fontSize = sz;
  box.style.color = cl;
}

<div class="box"><h1>ALF</h1></div>