Нашел отличное решение как сделать тень внутри текста:
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.