CSS box-shadow adds a shadow based on the entire box of the element, while filter: drop-shadow targets only the visible area of the element; therefore, drop-shadow is a better choice, especially for elements with SVGs or transparent areas.See the Pen Box-Shadow vs. Drop-Shadow by UI Duck (@uiduck) on CodePen.