SVG圆在CSS中发光效果?

时间:2019-02-12 23:54:31

标签: css d3.js svg

我正在使用d3和SVG显示我的结果,这是我目前拥有的:enter image description here

我想让橙色的小圆圈发光,我在其他stackoverflow问题上看到了很多示例,但是实际上它们使一个容器显示为一个圆圈,以使事情正常进行。但是我实际上有一个SVG圆圈,我目前的尝试是胡说八道,并直接从发光的容器动画中复制:

.node circle.extra_info {
  fill: #ff4500;
  margin: 2px !important;
  padding: 1px !important;

  box-shadow: 0px 0px 9px 4px #747de8 !important;
  animation: glow 1.5s linear infinite alternate !important;
}
@keyframes glow {
  to {
    box-shadow: 0px 0px 30px 20px #535fed;
  }
}

.node circle-extra_info是我选择这些圆圈的方法,我实际使用d3库显示这些小圆圈的js代码是:

 nodeEnter

        .append("circle")
        .attr("class", "extra_info")
        .on("click", function(d) {})

        .attr("cy", function(d) {
          if (d.parent != null) {
            d.x_pos = d.x;
            d.parent_x_pos = d.parent.x;
          }
          if (d.parent_x_pos != null) {
            return (d.x_pos + d.parent_x_pos) / 2 - d.x_pos;
          }
        })
        .attr("cx", -90)
        .attr("r", 7);

无论如何,对于使橙色圆圈发光的CSS代码有何见解?

0 个答案:

没有答案