Тень для текста с тиснением CSS

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

Пример

Lorem Ipsum

HTML


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

CSS


.embossing-shadow{
  color: rgba(0,0,0,0.5);
  text-shadow: 1px 3px 8px rgba(0,0,0,0.6),
               0px -5px 15px rgba(255,255,255,0.2);
}