Эффект плавающего текста в фокусе | 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
Обсуждение видео: • Эффект плавающего текста в фокусе | C...
Текстовое описание урока - 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 разработкам.
Watch video Эффект плавающего текста в фокусе | Contact Form на CSS и jquery online without registration, duration hours minute second in high quality. This video was added by user Denis Gorelov 06 October 2017, don't forget to share it with your friends and acquaintances, it has been viewed on our site 17,125 once and liked it 878 people.