Мобильный Tab Bar с вкладками
Мобильный Tab Bar с переключающимися вкладками
Tab Bar выполнен с применением библиотеки jQuery и может использоваться как каркас всего сайта или определенной его секции.
Анимированный переход между пунктами меню
Три примера плавных анимированных переходов между пунктами меню на jQuery
Данное меню можно использовать для лендингов, переключения вкладок, открытия модальных окон или других переходов внутри страницы.
Для их реализации использована библиотека jQuery
Навигационное меню для лендинга
Навигационное меню для лендинга с плавным скроллом и подсветкой пункта активной секции
Меню реализовано с использованием библиотеки jQuery
Модальное окно для контактов
Модальное окно для контактов или социальных сетей с фиксированной кнопкой
В меню контактов используются иконки шрифта FontAwesom 4.7
Вертикальный аккордеон для фотографий
Вертикальный аккордеон с раскрывающимися по клику фотографиями
Для реализации этого аккордеона, который на малых экранах переходит в табы, используется небольшой код на JavaScript.
Боковое меню с иконками на CSS
Фиксированное боковое меню с иконками и выдвигающимися подсказками на CSS
Иконки в данном меню могут иметь любые форматы (графика или шрифт).
Для SVG-иконок предусмотрен вариант с анимацией (пункт 3 в меню).
Анимированный Tab Bar
Нижняя панель вкладок с красивым анимированным переходом
Решение выполнено на JS с использованием SVG-иконок.
Аккордеон на CSS
Вариант создания аккордеона на чистом CSS
2 примера создания аккордеона без использования скриптов.
Один работает с использованием радиокнопок <input type="radio" /> , а другой с флажками <input type="checkbox" />
Блочное меню со сменой фона
Меню на графическом фоне, который меняется при выборе каждого пункта
Решение выполнено на чистом CSS
Фоновая анимация на JS
