Эффект плавающего текста в фокусе | Contact Form на CSS и jquery

Исходный код и DEMO - http://bit.ly/2y4RZ5s В данном видео реализуем несколько фишек, при помощи #type #checkbox будем отлавливать клик. С помощью #transform и #transition делаем плавное #аминирование. В самой #форме сделаем #эффект #плавающего #текста, когда курсор в фокусе, будем анимировать текст в #label. Сделаем базовую #валидацию на #Html5, и подключим #шрифтовую #иконку с сайта #fontawesome. Сам по себе урок полечился средней сложности, в нем задействовали #HTM5, #CSS3 и поработаем с #DOM элементами при помощи #jquery. Реквизиты для поддержки канала: WMR - R165181087249 WMZ - Z138569415925 PayPal - paypal.me/dwstv Яндекс - 410011610186118 Сбербанк - 4276-3000-2291-1211 Обсуждение видео: https://youtu.be/Ykhb6jvGirU Текстовое описание урока - http://bit.ly/2y4RZ5s Подписка на канал: https://dwstroy.ru/~dwstv Видео сборник: https://dwstroy.ru/~S126H *Видео метки*: [02:25] - Создаем структуру #формы [05:48] - Описываем #стили #web #формы [08:41] - Оформляем поля #label [10:45] - Оформляем поля в #фокусе [12:17] - Подключаем #Jquery [13:07] - Работаем с #DOM #элементами [17:09] - #Валидация на #HTML5 [20:32] - Подключаем #иконку #font #awesome [23:22] - При помощи #checkbox отлавливаем клик [24:11] - #Анимируем #форму в #Css3 *Другие видео на канале DWSTV*: JavaScript Основы - http://bit.ly/2udeTq3 Сайт с нуля - https://dwstroy.ru/~7KNnM Уроки по #CSS - https://dwstroy.ru/~paoBU 1С Битрикс работа с сайтом - https://dwstroy.ru/~dEG4q Управление системой Битрикс - https://dwstroy.ru/~Zdt4K Настройки сайта 1С Битрикс - https://dwstroy.ru/~t0UVZ Во время урока я использую: Документацию по #CSS3, HTML5, Jquery Редактор #PhpStorm Добавляйтесь к нам в друзья: Сайт видео-уроков: https://dwstroy.ru/video/ Канал в VK автора уроков: https://vk.com/dwstv Канал группы в VK: https://dwstroy.ru/~MJM28 Мы очень рады если видео "#Contact #Form | #Эффект #плавающего #текста в #фокусе на #CSS и #jquery" было Вам полезно, хотите "поблагодарить" жмите кнопку "нравится" и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать обзоры и видео-уроки как по CSS, так и другим #WEB разработкам.