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