Как расположить inline block поверх друг друга?

Question

[Nwton]

Есть несколько div выстроенных в ряд. Планируется, что по клику на кнопку, все блоки плавно проследуют к центру table, перекрывая друг друга и образуют стек.

Собственно, как можно это реализовать?
Заготовка: https://jsfiddle.net/7pmc3qyc/2

Answer 1

[Виталий]

1. Вычислить центр из width() и height() table
2. Сделать table - reletive
3. Переместить квадраты, придав им position - absolute и координаты центра в left / top, задать z-index, если надо позиционировани их по оси Z
4. ну и перемещать их собственно через animation ( если jquery используется) или transition