Jun 25

CSS-свойство text-shadow позволяет создавать текст тени, т. е. немного смещенные, слегка размытые копии текста. А также существует возможность изменения цвета тени и радиуса размытия. Я думаю, что данное свойство может быть полезно при создании крупных проектов.

Вот пример:

p.test {
	text-shadow: #6374AB 20px -12px 2px;
}

Рассмотрим пример более подробно:
1. Первый параметр – #6374AB – цвет тени.
2. Второе значение – 20px – смещение тени по горизонтали. Можно с помощью отрицательного значения изменять положение тени по оси Х.
3. Третье значение – -12px – смещение тени по вертикали. В данном случае можно варьировать и задавать отрицательное значение расположения тени по оси Y.
4. Четвертое значение – 2px – размытие тени.

P.S. В браузере Internet Explorer данное свойство не работает.

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

Оставить ответ