Объемный текст на CSS

Один из вариантов объемного текста это накладывания одного текста на другой и сегодня мы этим займемся.

Для начало пропишем стили для этого. Пример:

.text3d1{
	color:nevy;
	margin-top:30px;
	margin-left:100px;
}
.text3d2{
	color:gold;
	margin-top:-60px;
	margin-left:103px;
}

Как видно по примеру мы используем два класса для каждого текста отдельно. С помощью свойства color тексту присваиваться значения цвета, которое мы хотим видеть. margin-top и margin-left этими свойствами мы корректируем текст, где он должен располагаться.

Как стили готовы можно присваивать тегу данные классы. Пример html:

<h1 class=”text3d1”>Объемный текст</h1>
<h1 class=”text3d2”>Объемный текст</h1>

В примере выше используется заголовок первого уровня вы можете использовать абзац если хотите.

Надеюсь, этот способ вам пригодиться. Спасибо за внимание. :)