Home > shorts > CSS box-shadow vs drop-shadow

CSS box-shadow vs drop-shadow


box-shadow is always rectangular but filter: drop-shadow contours the actual shape of transparent image

.box-shadow {
  box-shadow: (0 0 0.85rem crimson);
}

.drop-shadow {
  filter: drop-shadow(0 0 0.85rem crimson);
}

Check the demo here => CodePen

© 2021, Andrew Losseff