Блок-секция с мороженным
Анимированный фон для блока или секций с размахивающим руками мороженным
Решение выполнено с использованием SVG анимации
Слайдер-презентация с красивым эффектом
Слайдер-презентация на JavaScript с красивыми эффектами на фото и видео
Несмотря на то, что данная презентация довольно ресурсоемкая и использует две библиотеки (three и gsap, общим весом 700кб), на ее основе можно создать очень красивую титульную страницу, например, для персонального сайта.
Адаптивные вкладки openTabby
jQuery плагин openTabby для создания адаптивных табов с разными настройками.
Несмотря на то, что данный плагин довольно старый (2015 года) и не имеет даже документации от разработчика, в нем есть ряд полезных возможностей.
3D-карусель управляемая мышью
Красивая 3D карусель, которая управляется зажатием и движением мышки.
Возможности карусели:
- Любое количество фотографий.
- Произвольный радиус.
- Автоматическое движение с заданной скоростью.
- Отсутствие дополнительных библиотек.
- Всего 90 строк кода.
Анимированный переход между пунктами меню
Три примера плавных анимированных переходов между пунктами меню на jQuery
Данное меню можно использовать для лендингов, переключения вкладок, открытия модальных окон или других переходов внутри страницы.
Для их реализации использована библиотека jQuery
Навигационное меню для лендинга
Навигационное меню для лендинга с плавным скроллом и подсветкой пункта активной секции
Меню реализовано с использованием библиотеки jQuery
Модальное окно для контактов
Модальное окно для контактов или социальных сетей с фиксированной кнопкой
В меню контактов используются иконки шрифта FontAwesom 4.7
Вертикальный аккордеон для фотографий
Вертикальный аккордеон с раскрывающимися по клику фотографиями
Для реализации этого аккордеона, который на малых экранах переходит в табы, используется небольшой код на JavaScript.
Поздравление с 8 марта
Блок с вращающимся цветком и поздравлением с 8 марта
Поздравление имеет мобильный вариант и занимает совсем немного места
