Движение фигур по окружности с разной скоростью во время загрузки страницы.

#прелоадер #ожидание #загрузка

Вертикальное меню, которое появляется при нажатии на бургер-кнопку.

Примеры применения:
🔶 меню магазина домашнего текстиля;
🔶 меню сайта для заказа мебели.

#меню #бургеркнопки

Наведение на карточку с появлением краткого названия того, что скрывается за ней.

#карточки #hover

Спортивный прелоадер для вашей страницы.

Примеры применения:
🔶 загрузка страницы товаров для спорта и активного отдыха;
🔶 загрузка сайта для записи для участия в спортивных мероприятиях.

#прелоадер #ожидание #загрузка

Движение двух частиц по траектории бесконечности в процессе загрузки страницы.

#прелоадер #ожидание #загрузка

Два похожих, но таких разных эффекта наведения на кнопки.

Примеры применения:
🔶 кнопки с выбором открытия ссылки через сайт или через приложение;
🔶 кнопка с выбором ответа, достиг ли пользователь совершеннолетнего возраста.

#hover #кнопки

Анимированный контур кнопки останавливается при наведении на неё.

#hover #кнопки #градиент

3D-эффект для кнопки на вашем сайте.

#hover #кнопки

Анимированные кнопки с градиентной заливкой.

#hover #кнопки #градиент

Анимация загрузки с перелистыванием страниц книги.

Примеры применения:
🔸 загрузка списка книг в книжном интернет-магазине;
🔸 загрузка приложения для редактирования онлайн-документов.

#прелоадер #ожидание #загрузка

Простой hover-эффект для кнопки с уменьшением ее толщины.

#hover #кнопки

Плавное разворачивание меню с действиями при нажатии на бургер-кнопку.

#кнопки #меню

Один из вариантов, как можно анимировать документы при наведении на них мышью.

#ссылки #hover

Минималистичная анимация для ожидания загрузки контента на сайте.

#прелоадер #ожидание #загрузка

4 способа анимировать кнопку при наведении на нее.

#hover #кнопки

Переключатель становится цветным, когда его активируют.

Примеры применения:
🔶 включение режима автопубликации;
🔶 подключение/отключение страховки при оформлении кредита.

#формы #переключатели

Ненайденная страница с интересным проявлением надписи 404.

#страница404

Прелоадер в виде движения дуговых линий по окружности.

#прелоадер #ожидание #загрузка

Карточка раскрывается, как книжка, при наведении на неё.

Примеры применения:
🔶 ведение домашнего дневника по приготовлению блюд;
🔶 выбор бизнес-ланча или комбо для заказа.

#hover #карточки

Появление вертикального меню с подчеркиванием выбранной ссылки.

#меню #бургеркнопки

Анимация, показывающая пошаговую степень загрузки/процесса.

Примеры применения:
🔶 процесс приготовления блюд через онлайн-заказ;
🔶 отслеживание посылки.

#анимация