Объемная тень для текста CSS

Такая тень для текста CSS придает объем элементам сайта, красиво смотрится как на цветном фоне, при желании можно поменять цвета на необходимые.

Пример

Lorem Ipsum

HTML


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

CSS


.volume-shadow{
  color: #fff;
  text-shadow: 0px 3px 2px rgba(0,0,0,0.3),
               0px 6px 8px rgba(0,0,0,0.3),
               0px 12px 24px rgba(0,0,0,0.3);
}