Анимация с резким разворотом карточки при наведении на неё.

#карточки #hover

Прелоадер с гипнотизирующим эффектом.

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

Четыре формы кнопки с разной анимацией при наведении.

#кнопки #hover

"Внимание! Страница не найдена."

#страница404

Окрашивание карточки с иконкой при наведении на соцсеть.

#соцсети

Раскрывающееся вертикальное меню при наведении на кнопку.

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

#меню #hover

Анимация ввода поиска разворачивается и сворачивается при нажатии на кнопки.

#формы

Компас растерялся и не может найти, где находится страница.

#страница404

Строители разработчики так и не достроили страницу, на которую вы хотели попасть.

#страница404

Как будто кометы догоняют друг друга, пока страница загружается.

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

Наведение на соцсети с подсказкой в виде их названия.

#соцсети #hover

С такими эффектами для переключателей можно создать целый интерактивный тест.

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

#переключатели

Кнопка полностью заполняется жидкостью при наведении на неё.

#кнопки #hover

Кольца прелоадера раскрываются при взлёте.

Примеры применения:
🔶 загрузка нового уровня в игре;
🔶 загрузка результатов тестирования.

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

Наведение на иконки соцсетей, которые раскрываются с подсказками.

#соцсети #hover

Опция радуется, что её выбрали, и становится ярче.

#переключатели

Столько эффектов наведения на соцсети. Выбирай любой:)

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

#соцсети #hover

Красочная лиственная анимация, говорящая о ненайденной странице.

#страница404

Анимация для кнопки, которая превращается в поле с соцсетями.

#кнопки #соцсети #hover

Большое количество переключателей для одного или нескольких вариантов.

#переключатели

Буквы загрузчика пытаются догнать друг друга.

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

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