Некоторые преимущества использования свойства box-shadow вместо filter: dropshadow():

• Универсальность. 1 Box-shadow может применяться к различным элементам, где тень должна следовать за границей блока. 1 Filter: dropshadow() подходит в основном для изображений и элементов с прозрачностью. 3
• Возможность создания внутренних теней. 1 Box-shadow позволяет создавать внутренние тени для эффекта утопления, благодаря ключевому слову inset. 1
• Настройка параметров тени. 3 Box-shadow даёт контроль над размером, размытием, распространением и цветом тени. 3
• Поддержка браузеров. 4 Box-shadow поддерживается шире, чем filter: dropshadow(). 4
• Отсутствие создания нового контекста стекирования. 4 Filter: dropshadow() создаёт новый контекст стекирования, в то время как box-shadow — нет. 4

Однако у filter: dropshadow() есть своё преимущество — аппаратное ускорение, если его поддерживает браузер. 2 При других равных условиях фильтр dropshadow() выводит внутреннюю тень блока быстрее. 2