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

rendered animation

Gooey preloader

1<svg class="filter" version="1.1">
2    <defs>
3      <filter id="gooeyness">
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 20 -10" result="gooeyness" />
6        <feComposite in="SourceGraphic" in2="gooeyness" operator="atop" />
7      </filter>
8    </defs>
9  </svg>
10<div class="dots">
11  <div class="dot mainDot"></div>
12  <div class="dot"></div>
13  <div class="dot"></div>
14  <div class="dot"></div>
15  <div class="dot"></div>
16</div>