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

rendered animation

Bounce Delay Loader

1<div class="contain">
2  <svg height="80" width="255" viewBox="-30 0 255 80">
3    <ellipse cx="25" cy="20" rx="10" ry="10" fill="none"/>
4  </svg>
5  <svg height="80" width="255" viewBox="-30 0 255 80">
6    <ellipse cx="25" cy="20" rx="10" ry="10" fill="none"/>
7  </svg>
8  <svg height="80" width="255" viewBox="-30 0 255 80">
9    <ellipse cx="25" cy="20" rx="10" ry="10" fill="none"/>
10  </svg>
11  <svg height="80" width="255" viewBox="-30 0 255 80">
12    <ellipse cx="25" cy="20" rx="10" ry="10" fill="none"/>
13  </svg>
14  <svg height="80" width="255" viewBox="-30 0 255 80">
15    <ellipse cx="25" cy="20" rx="10" ry="10" fill="none"/>
16  </svg>
17  <svg height="80" width="255" viewBox="-30 0 255 80">
18    <ellipse cx="25" cy="20" rx="10" ry="10" fill="none"/>
19  </svg>
20  <svg height="80" width="255" viewBox="-30 0 255 80">
21    <ellipse cx="25" cy="20" rx="10" ry="10" fill="none"/>
22  </svg>
23  <svg height="80" width="255" viewBox="-30 0 255 80">
24    <ellipse cx="25" cy="20" rx="10" ry="10" fill="none"/>
25  </svg>
26  <svg height="80" width="255" viewBox="-30 0 255 80">
27    <ellipse cx="25" cy="20" rx="10" ry="10" fill="none"/>
28  </svg>
29  <svg height="80" width="255" viewBox="-30 0 255 80">
30    <ellipse cx="25" cy="20" rx="10" ry="10" fill="none"/>
31  </svg>
32</div>