都是写阴影box-shadow跟drop-shadow有啥不同

drop-shadow是css3的filter滤镜属性的一个方法，它的主要作用是用来做阴影，下图是它的兼容性。

理论

本章我们主要来说一下【drop-shadow】和【box-shadow】的区别。
box-shadow和drop-shadow从功能上来都是给元素加阴影。从写法上来说，看起来很相似。

// box-shadow
box-shadow: x(水平位置), y(垂直位置), blur(模糊度), spread(扩散大小), color(颜色, inset(内/外阴影)，
// drop-shadow
filter: drop-shadow(offset-x ,offset-y, blur-radius, spread-radius, color)

这来看，两者的差距是只有【内/外阴影不同】，但按照MDN的官方定义上来说：【drop-shadow】是(投影/阴影)，所以他俩肯定是有区别的，根据实验的结果来说：【box-