有没有理由在drop-shadow上使用cssbox-shadow？-Isthereanyreasontousecssbox-shadowoverdrop-shadow?

6  

There is only one difference between box-shadow and filter: drop-shadow. With box-shadow you can use inset shadows, but you can't do it with filter: drop-shadow. All depended on you. Check this example.

box-shadow和filter之间只有一个区别:drop-shadow。使用box-shadow可以使用嵌入阴影,但不能使用filter:drop-shadow。一切都取决于你。检查此示例。

Why is better to use box-shadow insted of filter: drop-shadow?

为什么最好使用过滤器的盒子阴影:drop-shadow?

• Better browser support

更好的浏览器支持

• Most of developers use it

大多数开发人员都使用它

• Less code, more options

更少的代码,更多的选择

• You can use inset shadows

您可以使用插入阴影

• You can use more than one shadow

您可以使用多个阴影

Also, there is one example with image where is better to use filter: drop-shadow. The first one has rectangle shadow, but the other one has shadow which follow the edge of image.

此外,还有一个图像示例,其中最好使用滤镜:drop-shadow。第一个具有矩形阴影,但另一个具有跟随图像边缘的阴影。

2  

Problem is that there is limited browser support for filter at the moment with box-shadow being much more supported.

问题是目前对于过滤器的浏览器支持有限,因为盒子阴影得到更多支持。

• Browser support for filter

浏览器支持过滤器

• Browser support for box-shadow

浏览器支持box-shadow