Filter 是否有任何理由使用css框阴影而不是下拉阴影?

Filter 是否有任何理由使用css框阴影而不是下拉阴影?,filter,css,dropshadow,Filter,Css,Dropshadow,假设客户端兼容,是否存在CSSbox shadow优于filter:drop shadow的情况 从这个角度看,drop shadow似乎是一个硬件加速的盒影超集。这意味着我们基本上应该始终使用下拉阴影而不是框阴影?在框阴影和过滤器之间只有一个区别:下拉阴影。使用框阴影可以使用插入阴影,但不能使用过滤器:放置阴影一切都取决于你。 为什么使用box shadow而不是filter:drop shadow更好 更好的浏览器支持 大多数开发人员都使用它 更少的代码,更多的选项 可以使用插入阴影 可以

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


从这个角度看,drop shadow似乎是一个硬件加速的
盒影超集
。这意味着我们基本上应该始终使用
下拉阴影
而不是
框阴影

框阴影
过滤器之间只有一个区别:下拉阴影
。使用
框阴影
可以使用插入阴影,但不能使用
过滤器:放置阴影
一切都取决于你。

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

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

此外,还有一个更好的方法可以使用
过滤器:放置阴影
。第一个有矩形阴影,但另一个有沿着图像边缘的阴影。

问题是,目前浏览器对
过滤器的支持有限,而对
框阴影的支持要多得多


大多数要点现在都无效。过滤器使用的是元素的形状,这对于具有透明度的图像来说是非常好的。缺点是不支持spread参数,并且没有inset选项。这里比较明显的是文本阴影,两个in选项之间没有区别,尽管最终结果有点不同。