animated-filter-svg-element.html | Explore in Territory

<!doctype html>

<style>
  @keyframes blur-animation {
    from  {
      filter: drop-shadow(10px 10px black);
    } to {
      filter: drop-shadow(10px 10px black);
    }
  }

  #root, #child {
    display: block;
    animation: blur-animation 1s infinite;
  }
</style>

<svg id="root" height="100">
  <rect fill="blue" x="0" y="0" height="100" width="100" />
</svg>
<br>
<svg>
  <rect id="child" fill="blue" x="0" y="0" height="100" width="100" />
</svg>

chromium/third_party/blink/web_tests/animations/svg/animated-filter-svg-element.html