filter - 有什么理由在投影上使用 css box-shadow 吗？

Question

假设客户端兼容性，是否存在 CSS box-shadow 优于 filter: drop-shadow 的情况。

来自 the article看起来 drop-shadow 是 box-shadow 的硬件加速超集。这意味着我们应该基本上始终使用 drop-shadow 而不是 box-shadow?

Answer 1

box-shadow 和filter: drop-shadow 之间只有一个区别。使用 box-shadow 可以使用inset shadows，但不能使用 filter: drop-shadow。 一切都取决于你。 Check this example .

为什么使用 box-shadow 而不是 filter: drop-shadow 更好？

• 更好的浏览器支持
• 大多数开发者都在使用它
• 更少的代码，更多的选择
• 您可以使用嵌入阴影
• 你可以使用多个影子

此外，还有一个 example with image哪里最好使用 filter: drop-shadow。第一个有矩形阴影，而另一个有跟随图像边缘的阴影。