CSS 26    CSS3 10    HTML 2    JavaScript 43    Wordpress 3    Блог 10    Инструменты 1    Не советую 1    Полезные ресурсы 4    Счетчики 1    Шпаргалки 6    Зарегистрироваться 293   Войти

Меню

Добро пожаловать, Гость! Вы можете Войти или Зарегистрироваться.

2

3D текст с помощью text-shadow

Jemand 9332 ,
CSS3

1. CSS

h1 {
	margin: 0;
	color: #fff;
	text-align: center;
	font: bold 100px Georgia, Helvetica, Arial, sans-serif;
	text-shadow: 0 1px 0 #cccccc,
				 0 2px 0 #c9c9c9,
				 0 3px 0 #bbbbbb,
				 0 4px 0 #b9b9b9,
				 0 5px 0 #aaaaaa,
				 0 6px 1px rgba(0, 0, 0, 0.1),
				 0 0 5px rgba(0, 0, 0, 0.1),
				 0 1px 3px rgba(0, 0, 0, 0.3),
				 0 3px 5px rgba(0, 0, 0, 0.2),
				 0 5px 10px rgba(0, 0, 0, 0.25),
				 0 10px 10px rgba(0, 0, 0, 0.2),
				 0 20px 20px rgba(0, 0, 0, 0.15);
	}

2. HTML

<h1>Jemand.ru - Веб строительство начинающим!</h1>

Демо

Рекламная пауза

» 2 комментария

  1. как заставить explorer такой текст видеть ????


Оставить комментарий