@Nwton

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

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

Собственно, как можно это реализовать?
Заготовка: https://jsfiddle.net/7pmc3qyc/2
  • Вопрос задан
  • 125 просмотров
Пригласить эксперта
Ответы на вопрос 1
rim89
@rim89
программист-велосипедист
1. Вычислить центр из width() и height() table
2. Сделать table - reletive
3. Переместить квадраты, придав им position - absolute и координаты центра в left / top, задать z-index, если надо позиционировани их по оси Z
4. ну и перемещать их собственно через animation ( если jquery используется) или transition
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы