Свойство CSS text-shadow

Development | Amber | Комментировать запись

CSS-свойство text-shadow очень похоже на свойство box-shadow, но оно добавляет тень к каждой букве, а не к границам элемента.

text-shadow: 2px 2px 1px rgba(0,0,0,0.4);

Значения идут в таком порядке:

offset-x offset-y blur-radius color

Вы получите такой результат:

У меня самая обычная, стандартная тень.

Вы также можете определить несколько теней:

text-shadow: 45px 25px 4px rgb(25,93,229),
25px 15px 1px rgb(25,93,229);

В результате вы получите две тени: обе будут синего цвета, но одна будет четкой, а вторая размытой.

Смотри, теперь у меня сразу две тени.

Примечание: как и box-shadow, свойство text-shadow позволяет определить несколько теней через запятую. Однако, в отличие от box-shadow, с помощью text-shadow вы не можете определить радиус распространения тени или использовать ключевое слово inset. В CSS есть способы создать тень внутри текста (как inset вкладывает тени внутри элемента), но на самом деле эти тени не будут вложенными.