Эффект объемного текста CSS

Очень красивый эффект объемного текста на CSS, пригодится для заголовков, придаст элегантности первой букве параграфа, и будет хорошо смотреться в любом месте сайта.

Пример

Lorem Ipsum

HTML


<p class="d-shadow">Lorem Ipsum</p>

CSS


.d-shadow{
  text-shadow: 2px 1px 0 #ccc, 
               2px 1px 0 #c9c9c9, 
               2px 2px 0 #bbb, 
               2px 3px 0 #b9b9b9, 
               2px 4px 0 #aaa, 
               2px 5px 1px rgb(0,0,0,0.1), 
               2px 0 5px rgb(0,0,0,0.1), 
               2px 1px 3px rgb(0,0,0,0.3), 
               2px 2px 5px rgb(0,0,0,0.2), 
               2px 4px 3px rgb(0,0,0,0.3), 
               2px 1px 1px rgb(0,0,0,0.2);
}