Let's improve your website's UI/UX design. Instead of using old school HTML input fields, let's build our own custom input box with cool animations.
In this video with pure CSS we'll create 4️⃣ different Material Design based input fields. And at the end of this video we'll build same design of Google's Sign In input field.
📢 SUBSCRIBE my channel for more helpful 🎬videos
🔔 / @codingdesign
⌚Timestamps
00:00 Intro
00:42 HTML
01:44 CSS (Basic Modification)
02:55 CSS (Custom Input Field)
05:38 CSS (1st Animation)
09:30 CSS (2nd Animation)
09:58 CSS (3rd Animation)
10:10 CSS (4th Animation)
10:35 CSS (Google Sign In Input Field)
15:15 Outro (Final Result)
🌎 Browser : Brave V.1.50
📝 Code Editor : VS Code
💠 Extensions : Live-Server
#htmlform #input
31 май 2024