Чем отличается CSS-свойство text-shadow от box-shadow?

Некоторые отличия CSS-свойств text-shadow и box-shadow:

• Тип элемента, для которого создаётся тень. 5 Text-shadow работает только с текстом, а box-shadow — с любыми HTML-элементами, такими как div, кнопка или изображение. 5
• Поддержка параметра spread-radius. 5 Text-shadow его не поддерживает, а box-shadow — да. 5
• Форма тени. 2 У text-shadow она повторяет форму текстовых символов. 2 У box-shadow тени имеют тот же размер и форму, что и родительский элемент. 2
• Использование. 5 Text-shadow подходит для создания эффектов, таких как светящийся текст или тонкие выделения. 5 Box-shadow лучше использовать для добавления глубины кнопкам, картам или другим элементам-контейнерам. 5

И text-shadow, и box-shadow позволяют задавать одному элементу сразу несколько теней. 2