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

rendered animation

3D Stair Loading

1<div class="stair">
2  <div class="cube">
3    <div class="face cube__front"></div>
4    <div class="face cube__back"></div>
5    <div class="face cube__right"></div>
6    <div class="face cube__left"></div>
7    <div class="face cube__top"></div>
8    <div class="face cube__bottom"></div>
9  </div>
10  <div class="cube">
11    <div class="face cube__front"></div>
12    <div class="face cube__back"></div>
13    <div class="face cube__right"></div>
14    <div class="face cube__left"></div>
15    <div class="face cube__top"></div>
16    <div class="face cube__bottom"></div>
17  </div>
18  <div class="cube">
19    <div class="face cube__front"></div>
20    <div class="face cube__back"></div>
21    <div class="face cube__right"></div>
22    <div class="face cube__left"></div>
23    <div class="face cube__top"></div>
24    <div class="face cube__bottom"></div>
25  </div>
26  <div class="cube">
27    <div class="face cube__front"></div>
28    <div class="face cube__back"></div>
29    <div class="face cube__right"></div>
30    <div class="face cube__left"></div>
31    <div class="face cube__top"></div>
32    <div class="face cube__bottom"></div>
33  </div>
34  <div class="cube">
35    <div class="face cube__front"></div>
36    <div class="face cube__back"></div>
37    <div class="face cube__right"></div>
38    <div class="face cube__left"></div>
39    <div class="face cube__top"></div>
40    <div class="face cube__bottom"></div>
41  </div>
42  <div class="cube">
43    <div class="face cube__front"></div>
44    <div class="face cube__back"></div>
45    <div class="face cube__right"></div>
46    <div class="face cube__left"></div>
47    <div class="face cube__top"></div>
48    <div class="face cube__bottom"></div>
49  </div>
50  <div class="cube">
51    <div class="face cube__front"></div>
52    <div class="face cube__back"></div>
53    <div class="face cube__right"></div>
54    <div class="face cube__left"></div>
55    <div class="face cube__top"></div>
56    <div class="face cube__bottom"></div>
57  </div>
58</div>