Newton's Cradle

What's that

This is just a loading animation, which made on CSS3 and looks like balls… Actually, here is it:

How to Use

1. Include styles in any preferable way

   <link rel="stylesheet" type="text/css" media="screen" href="cradle.min.css">
   

2. Add HTML somewhere

   <div class="cradle">
     <div><b></b></div>
     <div><b></b></div>
     <div><b></b></div>
     <div><b></b></div>
     <div><b></b></div>
   </div>
   

3. Profit!

Wanna Extra Options?

Just add additional class or all of them. There are only two, though:

nostrings

Hides strings, making spinner more compact

attached

Makes spinner more classic, moving 4+1 balls instead of 3+1+1