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

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

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

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

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

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

#страница404

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

#hover #соцсети

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

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

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

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

#страница404

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

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

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

#hover #соцсети

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

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

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

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

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

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

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

#страница404

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

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

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

#формы

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

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

#соцсети #hover

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

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

#страница404

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

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

#формы

При выборе соцсети её значок подпрыгивает от радости.

#соцсети

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

#страница404

Иконка приобретает неоновую подсветку в цвет своей соцсети.

#соцсети #hover

С любовью сообщаем, что страница не найдена.

#страница404

Значок соцсети прокручивается на 360° при наведении на него.

#соцсети #hover

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

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

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