Трёхмерный текст на страницу

 

3 июня 2013 - Завсегдатай
article45.jpg

Возникла у меня необходимость сделать для заголовка красивый трехмерный текст. 

Всё оказалось достаточно просто..

 Ниже приведенный код вставил в файл и назвал его text-proba.html

 

 

 

 

 

 

 


<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Текст</title>
<style>
.stroke {
font: bold 3em Arial, sans-serif;
color: #884535;
text-shadow: #884535 1px 1px 0, #884535 2px 2px 0,
#884535 3px 3px 0, #884535 4px 4px 0,
#884535 5px 5px 0;
}
</style>
</head>
<body>
<h1 class="stroke"><p style="text-align: center;">&nbsp;</p>
<p style="text-align: center;"><em><span style="font-size: xx-large;"><strong>Сайт для прогрессивных людей...</span></strong></span></em><span style="font-size:x-large;"><strong><span style="font-size:large;"><span style="color:#884535;"><br />
</span></span></strong></span></p></h1>
</body>
</html>

 

Далее подключил этот файл внешним скриптом и вот что у меня получилось

 

Трехмерный текст

 

Сайт для прогрессивных людей...

 

 

Похожие статьи:

Время от времени возникает необходимость подбора цвета.  И именно поэтому ниже представлена таблица с кодами цветов.   ...
Время от времени возникает необходимость  делать кнопки и красочные подсказки....
Постараюсь максимально сжато рассказать как сделать так, чтобы на картинку большого размера  поместить маленькую картинку  и чтобы маленькая картинка была кликабельной....
Иногда появляется необходимомость создать эффект увеличения изображения при наведении мышки. ...
Рейтинг: +1 Голосов: 1 487 просмотров