Адаптивная форма с анимацией на HTML, CSS и JavaScript | Практика верстки для начинающих

Подписывайся на альтернативные каналы:

— https://vk.com/codequest
— https://t.me/codequest

В этом видео я хотел бы показать вам создание крутой формы регистрации и авторизации на сайте. Напишем ее полностью с нуля, добавим анимацию перехода и адаптируем под мобильные устройства.

0:00 - Демонстрация формы
0:40 - Базовая разметка и стили
1:16 - Контейнер компонента
2:26 - Внутренний блок
3:38 - Секции входа и регистрации
6:01 - Блок формы
7:20 - Сценарий JavaScript для анимации
9:09 - Реализация анимации на CSS
10:45 - Форма входа
13:49 - Форма регистрации
14:41 - Анимация появления форм
17:06 - Адаптив под мобильные устройства
19:15 - Подведение итогов

Все исходники к урокам вы можете найти на моей странице на Патреоне, где я планирую выкладывать различные полезные материалы к видео и свои наработки:

https://www.patreon.com/codequest_ru

Если тебе интересна данная тематика, подпишись на канал!
Для меня это также станет дополнительным стимулом продолжать свою работу.

#codequest #ityoutubers

Также жду вас на моем сайте https://codequest.ru
Здесь вы найдете подробные интерактивные курсы по веб-разработке.

Следите за мной и моими проектами в социальных сетях:

— vk.com/codequest
— t.me/codequest

Надеюсь на вашу поддержку и интересные вопросы! До скорых встреч!

Видео Адаптивная форма с анимацией на HTML, CSS и JavaScript | Практика верстки для начинающих канала CodeQuest