【问题标题】:Is there any reason to use css box-shadow over drop-shadow?有什么理由在阴影上使用 css box-shadow 吗?
【发布时间】:2012-08-16 14:55:06
【问题描述】:

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

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

【问题讨论】:

    标签: filter css dropshadow


    【解决方案1】:

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

    为什么使用box-shadow insted 或filter: drop-shadow 更好?

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

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

    【讨论】:

    • 大部分要点现在无效。过滤器使用元素的形状,这对于具有透明度的图像非常有用。缺点是不支持 spread 参数并且没有插入选项。这里明显比较的是 text-shadow ,选项中的 2 没有区别,虽然最终结果有点不同。
    【解决方案2】:

    问题是目前浏览器对filter 的支持有限,而对box-shadow 的支持要多得多。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2011-05-08
      • 1970-01-01
      • 1970-01-01
      • 2011-10-19
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2019-01-30
      相关资源
      最近更新 更多