animation2code benchmark
For best compatibility, please view this dashboard in a Chrome browser.
← back

rendered animation

Gooey Loader

1<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
2  <defs>
3    <filter id="goo">
4      <feGaussianBlur in="SourceGraphic" stdDeviation="10" result="blur" />
5      <feColorMatrix in="blur" mode="matrix" values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 35 -10" result="goo" />
6      <feBlend in="SourceGraphic" in2="goo" operator="atop" />
7    </filter>
8  </defs>
9</svg>
10<div class="loader">
11  <div></div>
12  <div></div>
13  <div></div>
14  <div></div>
15  <div></div>
16</div>
17