Yummy Text Shadows ( Pure CSS )

<span data-text="LOREM IPSUM" id="inner" class="text">LOREM IPSUM</span>

<br/>

<span data-text="LOREM IPSUM" id="bevel" class="text">LOREM IPSUM</span>

.text {

  color:#777;

  font:68px impact;

}

#inner:before,#bevel:before {

  content:attr(data-text);

  color:transparent;

  text-shadow:1px 1px 2px #fff;

  position:absolute;

  z-index:1;

}

#bevel:before {

  text-shadow:-1px -1px 2px #fff;

}