Основные отличия использования box-shadow и filter: drop-shadow при добавлении теней к изображениям:
- Производительность. 1 При отрисовке в браузере фильтра drop-shadow используется аппаратное ускорение, что улучшает производительность. 1 При использовании box-shadow дополнительного ускорения нет. 1
- Форма тени. 4 Box-shadow задаёт прямоугольную тень по границе всего изображения, в то время как фильтр drop-shadow применяется к непрозрачному контуру картинок, а прозрачные области игнорируются. 1 При этом тень, созданная с помощью фильтра, повторяет форму содержимого элемента, что делает его подходящим для сложных форм. 3
- Учёт фона. 2 Тень блока снизу, созданная с помощью фильтра, будет выводиться под элементом, не учитывая фон, в то время как box-shadow будет учитывать сплошной фон элемента. 2
Выбор между этими методами зависит от конкретных требований и задач дизайна.