有没有理由在drop-shadow上使用css box-shadow?

Har*_*rry 3 css filter css3 dropshadow

假设客户端兼容性,是否有任何CSS box-shadow优先的情况filter: drop-shadow.

文章看来它似乎drop-shadow是一个硬件加速的超集box-shadow.这意味着我们应该基本上总是使用drop-shadow而不是box-shadow

Vuk*_*vić 7

box-shadow和之间只有一个区别filter: drop-shadow.有了box-shadow你可以使用插图的阴影,但你不能做到这一点filter: drop-shadow.一切都取决于你. 检查此示例.

为什么更好地使用box-shadowinsted filter: drop-shadow

  • 更好的浏览器支持
  • 大多数开发人员使用它
  • 更少的代码,更多的选择
  • 您可以使用插入阴影
  • 您可以使用多个阴影

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