Нашел отличное решение как сделать тень внутри текста:
HTML:
<h1 class="depth" title="Lorem ipsum">Lorem ipsum</h1>
CSS:
.depth {
display: block;
padding: 50px;
color: black;
font: bold 7em Arial, sans-serif;
position: relative;
}
.depth:before, .depth:after {
content: attr(title);
padding: 50px;
color: rgba(255,255,255,.1);
position: absolute;
}
.depth:before { top: 1px; left: 1px }
.depth:after { top: 2px; left: 2px }
Источник и живой пример работы тут.
Спасибо! Пригодится. Тут точка лишняя, перед 1:
255,255,255,.1
она не лишняя. Это прозрачность фона.
.1 = 10% прозрачности
Добрый день! Не нашел никаких контактов на сайте :-) Есть вопрос -деловое предложение. Не кинете ли свой мейл на мой мейл? :-) Спасибо
отправил
Оригинальный способ, понравился. Еще один есть, на Хабре описывается, с помощью background-clip.