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

rendered animation

CSS3 loader: Newton's Cradle

1<div class="container">
2  
3  <div class="cord leftMove">
4    <div class="ball"></div>
5  </div>
6  <div class="cord">
7    <div class="ball"></div>
8  </div>
9  <div class="cord">
10    <div class="ball"></div>
11  </div>
12  <div class="cord">
13    <div class="ball"></div>
14  </div>
15  <div class="cord">
16    <div class="ball"></div>
17  </div>
18  <div class="cord">
19    <div class="ball"></div>
20  </div>
21  <div class="cord rightMove">
22    <div class="ball" id="first"></div>
23  </div>
24  
25  
26  <div class="shadows">
27    <div class="leftShadow"></div>
28    <div></div>
29    <div></div>
30    <div></div>
31    <div></div>
32    <div></div>
33    <div class="rightShadow"></div>
34  </div>
35
36</div>