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

时间:2012-08-16 14:55:07

标签: css filter css3 dropshadow

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

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

2 个答案:

答案 0 :(得分:6)

box-shadowfilter: drop-shadow之间只有一个区别。使用box-shadow,您可以使用插入阴影,但不能使用filter: drop-shadow全部取决于您。 Check this example

为什么最好使用box-shadow的{​​{1}}内容?

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

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

答案 1 :(得分:2)

问题是目前filterbox-shadow的浏览器支持有限,{{1}}得到更多支持。