D3.js SVG阴影快速转换

为快速转换做阴影的最佳方法是什么？我一直在使用过滤器，下面的代码试过，但似乎它使我的过渡更加流畅（我有走动，也许20个左右的矩形）：D3.js SVG阴影快速转换

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 +，铬，火狐...不在乎支持他人）

有没有什么办法来加快这种类型的阴影转换？

有没有其他方法？我应该在它后面画一个矩形吗？

来源

2012-12-13 user1167650

如果您正在寻找CSS阴影，那么您正在寻找的属性是box-shadow。它是由IE9和最多的支持，并采取四个属性：

水平的阴影
垂直偏移偏移
该影子必须模糊
然后将其传播价值

它也响应过渡性变化，如果你希望以某种方式为阴影本身制作动画。

您可以在W3链接here查看更多信息，他们会更深入。

来源

2014-09-26 07:03:31 BHouwens

D3.js SVG阴影快速转换

回答

相关问题