有没有选项可以在SVG元素上动画CSS box-shadow效果?
我有以下标记:
<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>
以及这个动画设置:
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 {
}
}
感谢您的帮助。