Текстовая тень CSS онлайн урок.


Обычный тень текста:

p { text-shadow: 1px 1px 1px #000; }

Несколько теней:

p { text-shadow: 1px 1px 1px #000, 3px 3px 5px blue; }

Первые два значения определяют длину смещения тени. Первое значение указывает горизонтальное расстояние, а второе указывает вертикальное расстояние тени. Третье значение определяет радиус размытия, а последнее значение описывает цвет тени:

1. значение = координата X
2. значение = координата Y
3. значение = радиус размытия
4. значение = Цвет тени

Использование положительных чисел в качестве первых двух значений заканчивается тем, что тень справа от текста горизонтально (первое значение) и помещает тень под текст вертикально (второе значение).

Третье значение, радиус размытия, является необязательным значением, которое может быть указано, но не обязательно. Это количество пикселей, которые растягивается, что вызывает эффект размытия. Если вы не используете третье значение, оно обрабатывается так, как если бы вы указали радиус размытия нуля.

Кроме того, помните, что вы можете использовать значения RGBA для цвета, например, 40% прозрачность белого:

p { text-shadow: 0px 2px 2px rgba(255, 255, 255, 0.4); }