Цветная тень для текста CSS

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

Пример

Lorem Ipsum

HTML


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

CSS


.double-line-shadow{
  color: rgb(131,189,197,0.7);
  text-shadow: 7px 7px 0 rgb(246,109,82,0.6);
}