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

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

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

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

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

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

#hover #кнопки

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

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

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

#ссылки #hover

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

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

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

#hover #кнопки

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

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

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

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

#страница404

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

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

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

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

#hover #карточки

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

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

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

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

#анимация

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

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

Страница, сигнализирующая о том, что её не существует.

#страница404

Кнопка меняет цвет заливки при наведении на неё курсора мыши.

#hover #кнопки

Простой переключатель с выбором активации какой-либо функции.

Примеры применения:
🔶 разрешение/блокировка уведомлений;
🔶 разрешение/блокировка отправки промокодов.

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

Завораживающий прелоадер, напоминающий звёздную воронку.

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

Эффект прокрутки ссылки при наведении курсора мыши.

#hover #ссылки

При нажатии на кнопку раскрывается список с информацией.

Примеры применения:
🔶 расписание дополнительных занятий на неделю;
🔶 добавление клиента, записывающего на услугу.

#кнопки

Эффект наведения на карточку со сменой изображения на текст.

Примеры применения:
🔶 выбор уровня сложности в игре;
🔶 выбор персонажа для прохождения игры.

#карточки #hover