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

rendered animation

Optical Illusion Spinner

1<div class="wrapper flex-center">
2  <div class="container">
3
4    <div class="container-dot dot-a">
5      <div class="dot"></div>
6    </div>
7
8    <div class="container-dot dot-b">
9      <div class="dot"></div>
10    </div>
11    <div class="container-dot dot-c">
12      <div class="dot"></div>
13    </div>
14
15    <div class="container-dot dot-d">
16      <div class="dot"></div>
17    </div>
18
19    <div class="container-dot dot-e">
20      <div class="dot"></div>
21    </div>
22
23    <div class="container-dot dot-f">
24      <div class="dot"></div>
25    </div>
26    <div class="container-dot dot-g">
27      <div class="dot"></div>
28    </div>
29
30    <div class="container-dot dot-h">
31      <div class="dot"></div>
32    </div>
33
34
35  </div>
36</div>