Двойная тень для текста CSS

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

Пример

Lorem Ipsum

HTML


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

CSS


.double-shadow{
  text-shadow: 3px 2px 0px #efeded, 
               6px 4px 0px rgba(0,0,0,0.15);
}