В чём разница между box-shadow и text-shadow?

Разница между box-shadow и text-shadow заключается в том, для каких элементов создаются тени. 14

Box-shadow создаёт тени для блочных элементов, таких как div, кнопка или изображение. 14 Тень при этом располагается за пределами границы элемента, что создаёт 3D-эффект. 3 Box-shadow обычно используют для создания глубины и разделения между элементами. 4

Text-shadow создаёт тени для текстовых элементов. 14 Форма тени при этом повторяет форму текстовых символов. 1 Text-shadow подходит для создания таких эффектов, как светящийся текст или тонкие выделения. 4

Ещё несколько отличий:

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