CSS Анимация при удачной и нет 😳 валидации 🫵🏻
Во время валидации html5 форм, мы прибегаем к помощи JavaScript и CSS. В основном, мы добавляем полям ввода, которые не прошли валидацию какие-то CSS стили. Меняем рамку (border) на красный (red) цвет или добавляем такого же цвета тень (box-shadow). А что мы делаем с html кнопкой (button type submit) отправки? Она либо остается висет заблокированная (disabled) или позволяет пользователю совершить клик, после чего покажет валидацию полей. Мы же рассмотрим, как эта кнопка, тоже может сигнализировать пользователю об успешном или нет, прохождении валидации.
#css #html #web #webdevelopment #frontend #htmlcss #html5 #csshtml #css3html5 #css3code #css3tutorial #htmltutorial #htmlelements #css3 #csscourse #csstutorialscool #csstricks #csshovereffect #csshover #csshovereffects #webdev #cssanimation #csstransition #csstricks #htmlcss3 #fullstack #cssamazing #cssfeatures #csseasy #cssbasic #csslesson #csscourse #cssteach #javascript #vue #react #angular #svelte #vanillajs #js #animation #cssawesome #learncss #course #programming #crash_course #learning #fariga
https://github.com/Pots1988/icon-hove... - ссылка на репозиторий
Подписывайтесь на меня в соц. сетях:
👨💻 LinkedIn - / maksymfariga
📷 Instagram - / maksym_fariga (@maksym_fariga)
📖 Facebook - / maksymfariga
🐤 Twitter - / fariga_m
🛩 Telegram - https://t.me/web_education_new
🚀 Новое CSS свойство image-rendering - Next CSS Level 👉 • Новое CSS свойство image-rendering - ... ✍️
📺 Основы CSS - свойство aspect-ratio - полный разбор 👉 • Основы CSS - свойство aspect-ratio - ... ✍️
🙅🏻♂️ Accent-color - CSS свойство, которое не смогло 👉 • Accent-color - CSS свойство, которое ... ✍️
🎎 CSS keywords: inherit, initial, unset, revert, all 👉 • CSS keywords: inherit, initial, unset... ✍️
🖼 CSS text-stroke, text-fill-color и paint-order 👉 • -webkit-text-stroke, -webkit-text-fil... ✍️
