Заказать обратный звонок
Мы перезвоним Вам в ближайшее время
ZeroBlock полноэкранное Меню с приятной анимацией
Главная цель Кастомного адаптивного Меню с приятной анимацией состоит в том, чтобы обеспечить удобную и интуитивно понятную навигацию для пользователей сайта. Оно призвано улучшить пользовательский опыт и сделать взаимодействие с сайтом более приятным и эффективным.
Шаг 3.
Далее размещаем кнопку это будет триггер открытия меню, этому элементу добавляем класс btn-open-menu
Шаг 4.
Добавляем на страницу блок Т-123, генерируем код и вставляем этот код в блок Т-123, в полученном коде где закомментирована фраза "меняем на свой цвет", при необходимости вставляем свои цвета
Шаг 1.
Добавляем на страницу zeroblock делаем высоту блока 100%, удаляем фон, делаем блок прозрачный, добавляем класс uc-menu данном zeroblock, размещаем в нем пункты меню, так как сделано на этом сайте
Шаг 2.
Каждому пункту меню добавляем класс
uc-menu__link и ссылку на страницу, в zeroblock добавляем элемент картинку, это будет крестик закрытия меню, данному крестику добавляем класс close-btn
uc-menu__link и ссылку на страницу, в zeroblock добавляем элемент картинку, это будет крестик закрытия меню, данному крестику добавляем класс close-btn
Для того, что бы меню работало на всём сайте, этот zeroblock и блок с кодом Т-123 необходимо поместить в Header или в Footer
Забираем результат
|
Нужна помощь?
Установим код на Ваш сайт, вам останется только объяснить задачу и проверить результат
