Перетаскиваемое меню с сеткой изображений

Хотите создать большое встроенное меню с некоторыми разбросанными миниатюрами для каждого пункта меню. Меню можно перетаскивать, и при этом миниатюры перемещаются с анимацией. Каждый пункт меню также изменяет буквы.

Скачать исходники для статьи можно ниже

Как будет выглядеть готовое меню:

Как будет работать меню:

Начальный вид меню выглядит следующим образом:

При нажатии на ссылку исследовать (explore), мы анимируем все эскизы (миниатюры), которые увеличиваются и сдвигаются вместе на передний план в виде сетки изображений.

Скачать код меню можно по ссылке ниже:
Скачать код меню zip архив.

Ссылка на данное меню на github:
“github.com/codrops/DraggableMenu/”

На этом всё! Красивых Вам сайтов!

Введите свой email адрес для того, чтобы подписаться на мой блог:


knopkisoc

Добавить комментарий