box-shadow与filter的区别

box-shadow是一种CSS属性，用于为元素添加阴影效果。它可以在元素周围创建一个阴影，可以设置阴影的颜色、大小、模糊程度等参数。

filter是一种CSS属性，用于为元素添加滤镜效果。它可以对元素进行颜色、亮度、对比度、模糊等效果的调整。常见的filter值包括blur（模糊）、grayscale（灰度）、brightness（亮度）等。

总的来说，box-shadow主要用于添加阴影效果，而filter主要用于对元素的视觉呈现效果进行调整。二者都是可以通过CSS来实现的效果。