4

为快速过渡制作阴影的最佳方法是什么？我已经尝试使用带有以下代码的过滤器，但它似乎使我的过渡更加不稳定（我有大约 20 个左右移动的矩形）：

var shadow = vis.append("defs").append("filter")
    .attr("id","dropshadow")
    .attr("height","130%");

shadow.append("feGaussianBlur")
    .attr("in","SourceAlpha")
    .attr("stdDeviation","3");

shadow.append("feOffset")
    .attr("dx","2")
    .attr("dy","2")
    .attr("result","offsetblur");

现代浏览器是否有任何跨浏览器的 CSS 阴影？（ie9+,chrome,firefox...不在乎支持别人）

有什么方法可以加快这种阴影的过渡速度吗？

有没有替代方法？我应该在它后面再画一个矩形吗？

4

1 回答 1

0

如果您正在寻找 CSS 阴影，那么您正在寻找的属性是box-shadow. 它受 IE9 及更高版本的支持，并具有四个属性：

  • 阴影的水平偏移
  • 垂直偏移
  • 阴影必须模糊的值
  • 然后它的传播

如果您希望以某种方式为阴影本身设置动画，它也会响应过渡变化。

您可以在此处更深入地查看 W3 链接。

于 2014-09-26T07:03:31.440 回答