Вдавленный текст на светлом фоне CSS

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

Пример

Lorem Ipsum

HTML


<p class="inner-light-shadow">Lorem Ipsum</p>

CSS


.inner-light-shadow{
  background-color: #b9b9b9;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text;
  color: transparent;
  text-shadow: 2px 2px 2px rgba(255,255,255,0.3) ;
}