我想让橙色的小圆圈发光,我在其他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代码有何见解?