This is just to split and image into rows and columns to and properly place next to each other for symmetrical look. Its a simple javascript function invoked on button click. rows and column variable must have minimum 1 as value.
See in fire bug its splitted 10 columns and 10 rows.
Its done using background-position and background-size with a percent calculation. Its responsive also.
Now each splitted div can be used for animation.
A Pen by Fahim Akhtar on CodePen.