"Деень и ноочь - это между нами" ... выбирайте сами :)

Пример применения:
🔶 выбор тёмной или светлой темы на сайте.

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

Эффект раскрытия списка соц.сетей и наведения на каждый элемент.

Пример применения:
🔸 выбор соцсети для того, чтобы поделиться статьей на сайте.

#соцсети #hover

Креативный эффект наведения на кнопку или ссылку.

#hover #ссылки

Ссылка просто сверкает при наведении на неё.

#ссылки #hover

Карточки принимают 3D-форму при наведении на соцсети.

#карточки #соцсети #hover

Анимация загрузки, подходящая под любой сайт, связанный с кухней.

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

Заголовок для карточки появляется при наведении на неё.

#карточки #hover

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

#меню

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

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

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

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

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

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

#hover #кнопки

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

#соцсети #hover

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

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

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

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

#ссылки #hover

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

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

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

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

#соцсети #hover

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

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

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

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

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

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

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

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

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

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

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

#hover #ссылки