filter: drop-shadow vs box-shadow на карточках
Тень по контуру PNG и производительность.
`filter: drop-shadow()` следует альфа-контуру изображения — тень у иллюстрации без прямоугольника box-shadow.
Дороже для GPU при множестве карточек — ограничьте hover-эффект.
- drop-shadow() — MDN — Синтаксис filter.
- filter — MDN — Комбинации фильтров.
Выбор
Прямоугольные карточки — `box-shadow`; вырезанные PNG — `drop-shadow`.