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

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

#hover #карточки

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

#hover #кнопки

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

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

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

#страница404

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

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

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

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

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

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

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

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

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

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

Странице плохо, её вы не найдёте.

#страница404

Яркая неоновая подсветка для иконки соцсетей при наведении на них.

#hover #соцсети

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

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

Ошибка 404, напоминающая вывеску в баре.

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

#страница404

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

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

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

#hover #соцсети

Яркая вспышка окрашивает линию и показывает степень загрузки.

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

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

Эффект градиентного перехода кнопки при наведении на неё.

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

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

У этой страницы "заело пластинку".

#страница404

Прыжки цветных кубиков с места на место во время загрузки страницы.

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

При вводе данных поле становится объёмным.

#формы

При наведении иконка вырастает в контуре и становится цветной.

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

#соцсети #hover

Упс! Страница не найдена:(

Пример применения:
🔶 ненайденная страница сети пиццерий.

#страница404

Заголовок поля смещается как только начинают вводить данные.

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

#формы