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

rendered animation

Loader a Day (day 16)

css2.5ssource ↗
1<div class="loader">
2  <div class="cubes">
3    <div class="cube">
4      <div class="side"></div>
5      <div class="side"></div>
6      <div class="side"></div>
7      <div class="side"></div>
8      <div class="side"></div>
9      <div class="side"></div>
10    </div>
11    <div class="cube">
12      <div class="side"></div>
13      <div class="side"></div>
14      <div class="side"></div>
15      <div class="side"></div>
16      <div class="side"></div>
17      <div class="side"></div>
18    </div>
19    <div class="cube">
20      <div class="side"></div>
21      <div class="side"></div>
22      <div class="side"></div>
23      <div class="side"></div>
24      <div class="side"></div>
25      <div class="side"></div>
26    </div>
27    <div class="cube">
28      <div class="side"></div>
29      <div class="side"></div>
30      <div class="side"></div>
31      <div class="side"></div>
32      <div class="side"></div>
33      <div class="side"></div>
34    </div>
35  </div>
36</div>