Простой вариант вертикального меню для перехода к другим страницам.

#меню

Загрузка в виде танцующих частиц, похожих на снежинки.

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

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

Контур этого прелоадера будто бы играет в "змейку" и не может догнать свой хвост.

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

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

#hover #кнопки

Соцсети окрашиваются в свой цвет при наведении на них.

#соцсети #hover

Карточки, которые можно выбрать, предварительно прочитав информацию.

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

#карточки #hover #кнопки

Наведение на ссылку с анимацией рамки.

#ссылки #hover

Анимация загрузки со значком Microsoft.

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

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

Иконки из квадратной формы сменяются на круглые при наведении на соцсети.

#соцсети #hover

Скейтлоадер.

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

Простой вариант анимированного прелоадера.

Примеры применения:
🔶 ожидание расчёта стоимости страховки на автомобиль;
🔶 ожидание подтверждения оплаты.

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

Полосатый эффект наведения на ссылку меню.

#меню #ссылки #hover

При выборе ссылка принимает форму параллелограмма.

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

#меню #ссылки #hover

Переход подчеркивания ссылки при наведении курсора мыши.

#hover #ссылки

Анимация карточки в 3D-пространстве.

#анимация

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

#карточки #hover

Прелоадер, напоминающий падение капель сверху.

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

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

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

#ссылки #hover

Анимация для соцсетей, похожая на колесо фортуны.

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

#соцсети

Прелоадер в виде большой растекающейся капли.

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

При наведении курсором мыши ссылка приобретает красивый градиентный эффект.

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

#hover #ссылки #градиент