title: Box shadow animation on SVG element
body: <p>Is there any option to animate CSS box-shadow effect on SVG element?
  I have this markup:</p>
  
  <pre><code>&lt;g id="g-svg_el_obj921" style="top: 300px; left: 550px;"&gt;
    &lt;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"&gt;&lt;/circle&gt;
  &lt;/g&gt;
  </code></pre>
  
  <p>and this animation setup:</p>
  
  <pre><code>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;}
    }
  
    &amp;:hover {
    }
  }
  </code></pre>
  
  <p>Thx for help.</p>