Меню в виде сетки для сайта при помощи animeСегодня мы хотели бы поделиться с вами небольшой анимацией меню.  Идея состоит в том, чтобы использовать квадраты разного размера которые выдвигаются и заполняют экран. Это весьма необычный подход к реализации меню, по этому к нему стоит приглянуться. Мы используем anime.js для анимации и imagesLoaded для предварительной загрузки изображений. Обратите внимание, что данный эффект является экспериментальным и работает только  современных браузерах, давайте посмотрим, что у нас получилось.

 

Если вы хотите создать современный сайт используя новые и адаптивные шаблоны, тогда обратите внимание на предложение от наших партнеров, там вы найдете много интересного.

Меню достаточно красочное и приятное, чтобы его активировать достаточно нажать на «+меню»:

Как создать меню в виде сетки для сайта

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

Меню в виде сетки для сайта при помощи anime js

Мы надеемся, что вам понравится это маленькое меню и вы найдете его полезным! В данном уроке были задействованы следующие компоненты: