15 гениальных бургер меню на CSS (+ анимация)
В мобильной навигации, то есть на планшете или смартфоне, меню навигации очень часто скрыто по причине нехватки места и отображается только при нажатии на меню для гамбургеров. Здесь безграничный простор для дизайнерских возможностей. Некоторые запрограммированы на чистом CSS без jаvascript, а некоторые на CSS и jаvascript – найдется что-то для каждого.
Меню, состоящее в основном из 2-3 слоев, зарекомендовало себя – точно так же, как гамбургер (булочка, пирожок, бублик), который раскрывает все пункты меню в виде наложения одним щелчком мыши. Отдельные штрихи можно поворачивать в виде буквы X, исчезать или дико вращаться. Бесконечные возможности! Я собрал для вас лучшие из них здесь – позвольте себе вдохновиться.
Закодировано в: HTML, CSS (SCSS), JS (classList.js, underscore.js, TweenMax.js, ScrambleTextPlugin.js, smooth-scroll.js)
Все материалы, представленные на сайте, носят исключительно ознакомительный характер!
Если ссылка битая, пожалуйста сообщите нам через форму комментариев или в ЛС