SVG元素上的盒阴影动画

是否有任何选项可以在SVG元素上设置CSS框阴影效果的动画？ 我有这个标记：

<g id="g-svg_el_obj921" style="top: 300px; left: 550px;">
  <circle r="95.12" fill="rgb(50, 149, 196)" class="some_class" id="svg_el_obj921" priority="4" position="300_550" cx="550" cy="300"></circle>
</g>

---

Thx以获取帮助。

至少在css动画中，它不可能只用于html元素，而不是svg元素。

是的过滤器可以设置动画： 是如何在svg上创建阴影/插入/模糊过滤器

circle {
  cursor: pointer;
  -webkit-animation: shadow_fly 310ms infinite ease-in-out;

  @-webkit-keyframes shadow_fly {
    0% {-webkit-svg-shadow: 0 0 7px #53BE12;}
    50% {-webkit-svg-shadow: 0 0 30px #53BE12;}
    99% {-webkit-svg-shadow: 0 0 7px #53BE12;}
  }

  &:hover {
  }
}