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

rendered animation

Newton Cradle

1<script src="https://code.jquery.com/jquery-1.10.1.min.js"></script>
2<script src="https://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
3<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
4
5<div id="newton-craddle">
6    	
7        <div id="str-b2" class="string-back"></div>
8        <div id="str-b3" class="string-back"></div>
9        <div id="str-b4" class="string-back"></div>
10        <div id="str-b5" class="string-back"></div>
11        <div id="ball-1" class="ball-holder"><div class="ball"></div></div>
12        <div id="ball-2" class="ball-holder"><div class="ball"></div></div>
13        <div id="ball-3" class="ball-holder"><div class="ball"></div></div>
14        <div id="ball-4" class="ball-holder"><div class="ball"></div></div>
15        <div id="ball-5" class="ball-holder"><div class="ball"></div></div>
16        
17        
18    </div>