Transparent Login Form - HTML & CSS ONLY
In this video we'll build a transparent login form with only HTML and CSS. We'll use pseudo elements and the pseudo class :target to make this work. There will actually be two forms, the login form and the forgot password form.
Code from this video: https://github.com/codeSTACKr/login-form
_____________________________________
📚 Learn to CODE in just a FEW months here:
Treehouse Discount Code: https://treehouse.7eer.net/codeSTACKr
_____________________________________
🛠️ Tools I use:
🟠 Theme: https://marketplace.visualstudio.com/items?itemName=codestackr.codestackr-theme
🟠 Font: STACKr Code (Exclusive to my VS Code Course - https://vsCodeHero.com)
🟠 SuperHero Extension Pack: https://marketplace.visualstudio.com/items?itemName=codeSTACKr.superhero-extensions
🤖 I now use AI-powered code completions thanks to Kite. You should too so grab it FREE: https://www.kite.com/get-kite/?utm_medium=referral&utm_source=youtube&utm_campaign=codestackr&utm_content=description-only
_____________________________________
💖 Show support!
PayPal: https://paypal.me/codeSTACKr
_____________________________________
Watch Next:
Web Development - Beginners Roadmap (2020) - https://youtu.be/iogabydg2y0
Playlist: Web Development For Beginners - https://www.youtube.com/watch?v=Ez4yHS2dsN8&list=PLkwxH9e_vrAJ0WbEsFA9W3I1W-g_BTsbt
_____________________________________
Connect With Me:
Website: http://www.codestackr.com
Twitter: https://twitter.com/codeSTACKr
Instagram: https://instagram.com/codeSTACKr/
Facebook: https://facebook.com/codeSTACKr
_____________________________________
** Affiliate Disclaimer: Some of the above links may be affiliate links, which may generate me a sales commission at no additional cost to you.
#codeSTACKr #CSS #learntocode
Видео Transparent Login Form - HTML & CSS ONLY канала codeSTACKr
Code from this video: https://github.com/codeSTACKr/login-form
_____________________________________
📚 Learn to CODE in just a FEW months here:
Treehouse Discount Code: https://treehouse.7eer.net/codeSTACKr
_____________________________________
🛠️ Tools I use:
🟠 Theme: https://marketplace.visualstudio.com/items?itemName=codestackr.codestackr-theme
🟠 Font: STACKr Code (Exclusive to my VS Code Course - https://vsCodeHero.com)
🟠 SuperHero Extension Pack: https://marketplace.visualstudio.com/items?itemName=codeSTACKr.superhero-extensions
🤖 I now use AI-powered code completions thanks to Kite. You should too so grab it FREE: https://www.kite.com/get-kite/?utm_medium=referral&utm_source=youtube&utm_campaign=codestackr&utm_content=description-only
_____________________________________
💖 Show support!
PayPal: https://paypal.me/codeSTACKr
_____________________________________
Watch Next:
Web Development - Beginners Roadmap (2020) - https://youtu.be/iogabydg2y0
Playlist: Web Development For Beginners - https://www.youtube.com/watch?v=Ez4yHS2dsN8&list=PLkwxH9e_vrAJ0WbEsFA9W3I1W-g_BTsbt
_____________________________________
Connect With Me:
Website: http://www.codestackr.com
Twitter: https://twitter.com/codeSTACKr
Instagram: https://instagram.com/codeSTACKr/
Facebook: https://facebook.com/codeSTACKr
_____________________________________
** Affiliate Disclaimer: Some of the above links may be affiliate links, which may generate me a sales commission at no additional cost to you.
#codeSTACKr #CSS #learntocode
Видео Transparent Login Form - HTML & CSS ONLY канала codeSTACKr
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![Learn CSS Grid in 20 Minutes](https://i.ytimg.com/vi/0-DY8J_skZ0/default.jpg)
![Learn HTML5 and CSS3 For Beginners - Crash Course](https://i.ytimg.com/vi/vQWlgd7hV4A/default.jpg)
![This is ALL you NEED to Become a Web Developer Today (2021)](https://i.ytimg.com/vi/LTwFX-hitQo/default.jpg)
![How To Create Transparent Login Form Using HTML and CSS](https://i.ytimg.com/vi/8_WNZrnHUzg/default.jpg)
![](https://i.ytimg.com/vi/UkQ5v_tE040/default.jpg)
![Learn Sass in 30 Minutes](https://i.ytimg.com/vi/BDOzg4lXcSg/default.jpg)
![Visual Studio Code Web Dev Setup In 6 Minutes](https://i.ytimg.com/vi/4NfFFsQC77M/default.jpg)
![JavaScript Loops Made Easy](https://i.ytimg.com/vi/Kn06785pkJg/default.jpg)
![Animated Responsive Navbar with Mobile Mega Menu Tutorial - (SCSS)](https://i.ytimg.com/vi/mEtmJ2xk16g/default.jpg)
![Amazing Transparent Login Form UI Design | HTML CSS & Javascript](https://i.ytimg.com/vi/qDNsgRZw_a4/default.jpg)
![Animated Login Form using HTML & CSS only | No JavaScript or jQuery](https://i.ytimg.com/vi/eeHqZeJ9Vqc/default.jpg)
![HTML Crash Course For Absolute Beginners](https://i.ytimg.com/vi/UB1O30fR-EE/default.jpg)
![JavaScript Tutorial For Beginners](https://i.ytimg.com/vi/d5ob3WAGeZE/default.jpg)
![Admin Login Form using HTML CSS](https://i.ytimg.com/vi/UZZJSNTO6bc/default.jpg)
![You Probably Need BEM CSS in Your Life (Tutorial)](https://i.ytimg.com/vi/er1JEDuPbZQ/default.jpg)
![HTML Crash Course In 30 Minutes](https://i.ytimg.com/vi/XiQ9rjaa2Ow/default.jpg)
![Transparent Login Form with floating Placeholder Text - Pure CSS Label Slide Up on Focus - No jQuery](https://i.ytimg.com/vi/UJvL4i6UPbY/default.jpg)
![How to Create Simple Login Form using only HTML and CSS || Sign In Page Design Tutorial](https://i.ytimg.com/vi/gyXSKhjZfgU/default.jpg)
![5 CSS mistakes that I see way too often](https://i.ytimg.com/vi/iHEkRIF7zxI/default.jpg)
![Login form using HTML & CSS & JavaScript with validation of username and password | Tech Projects](https://i.ytimg.com/vi/PkxA6m-NNCY/default.jpg)