Animated Login Form Using HTML & CSS

[@hash_techie]

Source code--- github.com/Hashtechieofficial/Form- Background Link-- www.wallpaperflare.com/digital-digital-art-artwork-illustration-minimalism-simple-wallpaper-gjwxk

[@Aryan_Raj_7167]

@Hash Techie You can pin this comment . So, your viewers can get this comment on top and they can find your comment easily. by your Subscriber

[@TUK888]

I need a little help, I tested the code in my system but some of the codes didn't work. Then I went to the GitHub site and copy pasted the full code. Now css file is not even being recognised by the HTML file.

[@Yotapaki]

Remember me and forgot password on same line? i think you need to separate it.

[@xavier6130]

Remember me • Forgot password?

[@tonniecuts]

Need help how can I reach you

[@teemolert]

when I saw the thumbnail for this video I assumed the CSS was going to be very complex but when you actually break it down into its individual steps its actually suprisingly to make a nice looking website

[@tekamanurag6065]

guess i don't have any talent in designing.

[@PolPingo]

Tbh it looked very simple to me. Reading the title i was expecting some crazy animation. Still a pretty simple but very effective design for a login page

[@teemolert]

@@PolPingo yeah fair enough, im pretty new to css and making webpages look nice so even simple things seem pretty complex to me right now.

[@z-matrix]

CSS is a simple language, there is no secret, if it were a professional code [even just html and css] it would require other concepts that go far beyond a code as basic as this one.

[@teemolert]

@@z-matrix Yes but its more about the process which does take lots of learning to get down. I struggle to actually get my ideas down with css.

[@dipereira0123]

The Idea, The Creation Process, The Result, The fact that you teach us to how to do it... Its Beautiful! This is a form of Art! Liked Subscribed and notifications Activated

[@kyledaines2428]

This could possibly be the best DC trailer ever.

[@imusinghuzuni]

We need companies to hire this guy as their designers.

[@hash_techie]

Thanks ❤️❤️❤️❤️

[@imusinghuzuni]

@@hash_techie These are amazing, and completely perfect. I would love to see websites using them

[@guillermomazzari4983]

Beautiful work! Thanks for sharing!

[@hash_techie]

Thanks

[@exoticlol]

Maybe you could give the "Remember Me" and "Forgot Password" elements more spacing.

[@hash_techie]

My mistake bro you can change the property of css.

[@Hypenexy]

Better yet, make them block elements and let them have their own vertical space

[@Bigwealth21]

My mentor

[@echetammesoma7232]

I had this in mind

[@gengrim2333]

Didn't bother at the end probably

[@CreativeGamerAbhi]

Bht badhia bhala lagila dekhiki madi chala .....

[@CreativeGamerAbhi]

reply if you understand ha ha..... btw great work bro

[@hash_techie]

I think you are from west Bengal,assam

[@shaikhtausif4761]

Awesome bro!!!, I recently started learning web developement and you have cleared my many doubts. AMAZING BRO!

[@Alexianho]

Thanks a lot for this. So much information here. You are the real hero.

[@hash_techie]

Glad it was helpful!

[@futureWorldDesigner-n5h]

Thanks Sir 🎉 You are the great 👍🏻👍🏻👍🏻

[@boteich3118]

Great, nice animated login form, I really liked it, continue to create layouts and send videos to your KZbin channel

[@TheGreatAnnouncer]

Thanks for your help. I love this video

[@zohaibkareem9219]

when i saw the thumbnail this video i think this is to tough to make but and when i saw the video step by step and release it is very crazy and impressive. you make the login form in a 15 mint😍 but i make it in a month😁. keep going to make us motivate. And LOve from PAKISTAN ,PUNJAB ,NANKANA SAHIB❤❤

[@penguin1714]

Wish we could get this as a sddm login theme. Looks great

[@matthewstrauck4646]

Great video, really shows how the whole coding process of a website works and thus helps with learning 👍🏽

[@nicholasdaily2589]

I have never ever seen people using the contrasting colours like that to visualize what they are working with. That was like an aha moment for me. I went to school for three years for this lol I’m just - wow lol thanks for sharing. Definitely will be using this technique !!

[@milandharani1125]

this video really deserve one like and comment

[@abhishekvishwakarma3482]

Bro.... You are amazing, You made awesome website, If I had to do it with scratch I would take more tha a week 😂 But you did awesome work bro 👏

[@Casonplayz]

Cool I wish log in pages like this were done more

[@melroijohnlardizabal]

Very nice! I love glass morphism!❤

[@levi9613]

Very simple yet ELEGANT

[@ravish8620]

Beautiful♥️

[@hash_techie]

Thanks dude

[@oscar8677]

Great video and clear login

[@hash_techie]

Thanks sir

[@Blade_Neon1]

Thank you so much for this amazing tutorial your work really inspires to continue doing better keep up the good work 🔥🔥

[@emongtindero]

I love this kind of teaching, thank you

[@ferasalfarsi897]

Amazing work! Keep up!

[@studyingwithharshandsid9507]

I love this channel helped me start my coding career

[@hash_techie]

❤️❤️

[@dinga_tech]

Super😊

[@ak4i.anirxddh]

I am learning to code and your channel is helpful!! Thank you Bhai! ✨

[@hash_techie]

Thanks

[@hash_techie]

Dude for comment ❤️

[@UltraNyan]

13:00 I would just leave the colors like they are, very human design, very pleasing to the eye.

[@KGee911]

Thank you very much.. this is really helpful 👏 👌

[@ximaxwellix]

For anyone who wants to fix the label dropping back down when the input is not a valid email: 1. Add placeholder=" " to the inputs in HTML for both email and password Eg.: 2. Change "input:focus ~ label, input:valid ~ label" to "input:focus ~ label, input:not(:placeholder-shown) ~ label" This way, as long as the placeholder " " is shown, the labels are down. But whenever we insert something, the label stays up. Theoretically, something like input:not([value=""]) should work as well, but I didn't get that to work. I am also still learning HTML/CSS

[@sirsuer6726]

thx for sharing.

[@sychose.3597]

still doesn't work

[@cawankeven6718]

THXXXXXXXXXXXXXXXXX

[@weirdo_fy]

Thanks bro, it worked.

[@geraldrollner4842]

now the password goes down also instead of only email

[@elsachichon9429]

Very Good bro, is amazing

[@InfiniteM13]

You've earned me a subscribe just because of using ncs songs, love the work btw💕

[@eliott2307]

You did a good job, well done !

[@hash_techie]

Then bro check other one

[@hash_techie]

Thanks bro

[@supremeomegacompany]

Great awasome

[@fozanalikhan]

Awesome work buddy simple CSS with so good looking website page

[@hash_techie]

Thanks bhai

[@azureauurora]

Stunning Animated Login Form!

[@dylankc1]

This is so amazing. Thank you so much for sharing this!

[@hash_techie]

❤️

[@aminansarimehr9464]

It's very good and useful for me Thank you 🙏

[@gangleader1224]

only css and html nice work bro

[@hash_techie]

Thanks Bruh

[@KelKnows]

I'm learning how to code now and what your doing looks godly compared to what I'm doing right now.😭 Good job

[@alexandre1383]

I started studying HTML and CSS three weeks ago and I feel the same way! 😅

[@KelKnows]

@@alexandre1383 I’m learning python 🥲

[@dannyjenkins1408]

Honestly learn some basic javascript then come back to HTML and CSS. Otherwise youre gonna get stuck as a beginner. My js is pretty advanced and i still need to google absolutely everything when it comes to CSS, html is easy after javascript so dont worry about that.

[@KelKnows]

@@dannyjenkins1408 so should I continue with Python?

[@kirysha52]

@@KelKnows if you are learning html and css,you need to be + - medium in that, to you can make good projects and after start to learn some js. i am on this way now.i started learn js few days ago. so i will learn to junior or medium level, after still learn it with css , make animation in css and also in js.i wanna become really good in html and css to work on frilans,and learn react js , typescript js and vue js. and i am crazy 13 years russian boy.))

[@ERYS14]

you are using Windows 11, just because of that I've liked it!

[@parsuramnaik500]

thanks bhai.. u got a new subscriber

[@jaganniwas826]

Oh Thanks, it helped me a lot, I appreciate it!

[@dark_soul9318]

Cool really inspiring..

[@jaegercrown964]

This is very amazing thanks for sharing

[@Phuc-A-gy9mq]

This is just amazing and touching 💓💓

[@hash_techie]

Thanks

[@touristsworld349]

very nice bro ..More power to you

[@fcpolon1a543]

Hmmm that is very interesting... Now I'm gonna copy paste it without even trying to understand anything

[@陳明哲-c5r]

I love this video.Thanks for sharing 😊

[@hash_techie]

Thanks buddy

[@tarekehab9113]

Really nice sir that’s great back ground

[@hash_techie]

Thanks bro

[@CrashQwerty]

ohh man this video is amazing, i need this examples because i like the practice and the documention in more occasions it's very confuse

[@seanmaddows9790]

Great design and nice video

[@eanswith2062]

Good idea 😮

[@1mgaming444]

Thank❤you

[@NovaAbstract]

seeing it all come to life is pretty cool

[@santhosharts4028]

thats really good bro

[@hash_techie]

Thanks bro

[@AlexIlyaGuennad]

Just awesome Thank yo uso much!

[@TheBelpahar]

wow.. super.. mind blowing

[@hash_techie]

New one coming soon

[@WinWin-vl6du]

Wow that's so awesome I tried it!!

[@hash_techie]

Check more

[@hash_techie]

Thanks

[@LoveyouIronman]

As a KDE user i like to say that the good one

[@hash_techie]

❤️

[@kodirovnodirbek6849]

Thanks, it was helpful!

[@veeee5577]

Just wow 👑

[@MisterToine972]

Thank you so much for your work and for sharing it 🙏🏽

[@fiazkhokharfiazkhokhar1900]

your video is very help full

[@hash_techie]

Thanks bro

[@fiazkhokharfiazkhokhar1900]

@@hash_techie you about css animation

[@pricilaleitesilva]

Very good 👏

[@saiei]

Good job vro thanks

[@rajeshswain5044]

nice content added by command prompt

[@Itzkss]

Good video

[@anitshrestha4753]

Awesome...

[@kyh148]

Looks great

[@notaftershook8642]

People seeing that email and password label moving: oh that's nice. Meanwhile developers putting in 15 minutes of work just to make a super simple thing: 💀

[@Sword_ninja_72]

Thank you For the code 💕

[@hash_techie]

Welcome

[@COD5Yuri]

Looks great! Only thing to complain about is the contrast in the last paragraph, which is difficult to read for people with visual impairments.

[@hash_techie]

Sorry for inconvenience bro , check the source code which is pinned at comments section

[@fiazkhokharfiazkhokhar1900]

such a good work

[@Davidalvarez-we7iy]

Increible video

[@tthemfknghost]

Nice Video!

[@NuwanSampath-fi5zr]

Thank you so much ❤😊.

[@sametime101]

cool

[@hash_techie]

Thanks dude

[@nhatbeo6363]

from Viet Nam with love you

[@hash_techie]

Love from India ❤️😌

[@chiterben8973]

nice video

[@Abdiel03]

Good chanell

[@JustAPersonWhoComments]

man this feels like Discord login in a whole new level

[@hash_techie]

❤️

[@emnd4540]

Good job bro. Thanks for the video ❤ New subscriber here

[@juanjoseperezramos1982]

Looks nice bro

[@hackersaqib786]

Excellent Work Bro

[@hash_techie]

Thanks sir ji😌

[@it9hektar]

nice... thank u 👍

[@criscaicedo1748]

Amazing! Thank you

[@godfam661]

Wow perfect

[@dazaii.4x]

Nicee ❤❤

[@Badbunny70074]

Cool 🔥❤️

[@hash_techie]

Thanks bro

[@saulopereira7704]

amazing!!

[@nightmarefuels1800]

Wow bro that's so nice

[@hash_techie]

Thanks bro check my other videos

[@nightmarefuels1800]

@@hash_techie ok bro keep going i will be supporting u till end.

[@hash_techie]

Love You so much bro

[@maksiksq]

What's the difference between using a from using a ?

[@hash_techie]

Nothing but it's help to do proper seo.

[@carlosgonzaga2084]

awesome!!!

[@bilalarain4632]

this man speaks the language of gods

[@hash_techie]

Thanks buddy

[@AdrianBernholc]

I'd recommend the extension Live preview.

[@hash_techie]

Open live server

[@AdrianBernholc]

@@hash_techie Yes but live preview can be much more effective when for example, you only have one screen or are recording a video, since it opens a live server within the editor so you can for example have your code on the left and preview on the right, it also has console with a pop out function so you can have the console somewhere else :3

[@manvirsingh5381]

AMAZING ❤️