Меню с прыгающим мячиком
Анимация подсветки пункта меню прыгающим к нему мячиком
Эффект реализован с помощью небольшого JS-кода, без использования дополнительных библиотек, и адаптирован под мобильные устройства.
Анимированная подсветка пунктов меню на CSS
Анимация подсветки пунктов меню через CSS-функцию anchor()
CSS-функция anchor() имеет массу возможностей для оформления элементов сайта, таких как всплывающие подсказки, выпадающие меню и др.
В данной теме она используется для анимации подсветки пунктов меню.
Меню с SVG-иконкой и текстом
Горизонтальное меню с SVG-иконкой и вращающимся текстом
Каждый пункт меню имеет название, которое заменяется при наведении курсора мыши SVG-иконкой и двумя альтернативными вращающимися заголовками.
В данном меню не используется JavaScript
Вертикальные вкладки
Адаптивные вертикальные вкладки на jQuery
Преимуществом данной реализации табов является их адаптивный вариант, при котором контент каждой вкладки расположен сразу за ее названием (по аналогии с аккордеоном).
Кроме этого, каждая вкладка в данном решении имеет одинаковый HTML-код, что упрощает интеграцию в любую CMS (не нужно проставлять различные ID, классы и другие атрибуты).
Мобильный Tab Bar с вкладками
Мобильный Tab Bar с переключающимися вкладками
Tab Bar выполнен с применением библиотеки jQuery и может использоваться как каркас всего сайта или определенной его секции.
Анимированный переход между пунктами меню
Три примера плавных анимированных переходов между пунктами меню на jQuery
Данное меню можно использовать для лендингов, переключения вкладок, открытия модальных окон или других переходов внутри страницы.
Для их реализации использована библиотека jQuery
Навигационное меню для лендинга
Навигационное меню для лендинга с плавным скроллом и подсветкой пункта активной секции
Меню реализовано с использованием библиотеки jQuery
Модальное окно для контактов
Модальное окно для контактов или социальных сетей с фиксированной кнопкой
В меню контактов используются иконки шрифта FontAwesom 4.7
Вертикальный аккордеон для фотографий
Вертикальный аккордеон с раскрывающимися по клику фотографиями
Для реализации этого аккордеона, который на малых экранах переходит в табы, используется небольшой код на JavaScript.
