Эффект плавающего текста в фокусе | 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 разработкам.
Смотрите видео Эффект плавающего текста в фокусе | Contact Form на CSS и jquery онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Denis Gorelov 06 Октябрь 2017, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 17,125 раз и оно понравилось 878 людям.