Question

为快速过渡投影阴影的最佳方法是什么？我尝试使用带有下面代码的过滤器，但似乎它使我的过渡更加波动（我可能有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 ......不关心支持他人）

有没有办法加速这种阴影的过渡？

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

Answer 1

如果您正在寻找CSS投影，那么您正在寻找的属性是box-shadow。 IE9及以上版本支持它，它有四个属性：

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

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

您可以在更深入的W3链接here查看更多内容。

D3.js SVG投影用于快速转换

1 个答案: