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

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

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

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

#соцсети #hover

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

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

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

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

#соцсети #hover

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

#страница404

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

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

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

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

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

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

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

Анимированные иконки социальных сетей для вашей страницы.

#соцсети #hover

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

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

Подсказки к значкам социальных сетей при наведении на них.

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

#соцсети #hover

Эффект вращения границ рамки с надписью о ненайденной странице.

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

#страница404

Линии в суете движутся по окружности, образуя прелоадер.

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

Куда-то в космическое пространство улетела страница, на которую хотелось зайти.

#страница404

Наведение на карточки с эффектом их 3D-подъёма.

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

#hover #карточки

Множество красочных hover-эффектов для вашей страницы.

#hover #кнопки

Залипательная версия прелоадера, благодаря которой загрузка не будет скучной.

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

У страницы дискотека! Не ищите её!

#страница404

Пульсирующие частицы прелоадера для вашей страницы.

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

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

Форма для ввода данных плавно появляется при загрузке.

#формы #текст

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

Если тебе интересны тонкости вёрстки сайтов и Frontend-разработки, то посмотри личный блог от создателя этого канала.

Автор "Анимируй" постит в канале:

🔸 аудио-подкасты;
🔸 короткие лайвхаки в видео-формате;
🔸 методы упрощения обучения;
🔸 истории решения задач на реальных проектах.

👇 Переходи по кнопке ниже и подписывайся, если хочешь получать больше контента по вёрстке.