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

rendered animation

Loading Spinner

1<div class="t-loading">
2  <div class="t-spinner">
3    <div class="t-layer animated" data-attr="first">
4      <div class="rot0">
5        <i class="pale"></i>
6        <i class="pale"></i>
7        <i class="pale"></i>
8        <i class="pale"></i>
9      </div>
10      <div class="rot45">
11        <i class="pale"></i>
12        <i class="pale"></i>
13        <i class="pale"></i>
14        <i class="pale"></i>
15      </div>
16    </div>
17    <div class="t-layer animated-inverse" data-attr="second">
18      <div class="rot0">
19        <i class="pale"></i>
20        <i class="pale"></i>
21        <i class="pale"></i>
22        <i class="pale"></i>
23      </div>
24      <div class="rot45">
25        <i class="pale"></i>
26        <i class="pale"></i>
27        <i class="pale"></i>
28        <i class="pale"></i>
29      </div>
30    </div>
31  </div>
32</div>