Animated Login Form using HTML & CSS only | No JavaScript or jQuery 

Login & Registration Form in HTML & CSS Watch: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-V8PU_geaCCU.html

Thanks for the tutorial even though I actually manually typed everything by hand. Copying and pasting doesn't really do anyone any good. It's good to type everything out and play around with the code to understand these concepts inside and out.

Thank you so much for these videos. Also, thanks for making the code available. I learned 2X faster and better after playing around with your code.

Front-end is so easy, but in back-end you have to validate everything: Is the client requesting too often, how big the payload is, make sure that json parse won't error on post request, make sure that username is valid, make sure that password is valid, etc... Of course I didn't mention that the client could be spoofing (faking his IP address so you also have to know what is his traffic).

this deserved, millions of views

I've watch lot of videos to get input animation but finally I've get it I can't believe myself how faster I understand by watching ur 10x video Nice work 💯💯

Thanks u so much. I was struggling with these for my assignments as god gifted me one simple coding channel alot. Your code helps me alot and u had taught me more than my instructors. Thanks alot for ur effort .

Most useful video.. all paths are clear.. thank you very much ❤️❤️❤️

Thank you so much man! WIthout you, me and my team would have gotten a bad grade! Our Saviour! 😘

I Saw The Thumbnail and i loved the background so i put it on my website it looks cool, thanks :)

I like very for this video easy to understand how to desigh a small login for with css , it is very useful , thank you so much.

Good to see Nepali developers influencing people to coding❤❤

Thank for these tutorial i learned so many! :D

Thankyou soo much for such a great video. It help me alot. I just request you make video with voice it helps me more to know how it work and why we use some tag or stylling .thankyou soo much

Good Job!! The Codeium extension in VS Code generated this code almost automatically!

I want ask one quetion about 05:10 in this video. I didn't see any in your html file, why you using span selector in CSS file? and why it worked?

im a begginer in html,css and i was designing a form just before seeing it and now im thinking what was i doing he done this in just 9min its amazing i have to practice alot there is so much to do

I did a similar one, and I am loving it. Thanks man.

Thank you so much. This video is a blessing.

I have a problem where th login box is in the very top left instad of the center which is very annoying. It has something to do with the transform. Edit: Fixed it by changing the position from absoloute to relative :)

Great design, can you provide video how to provide captcha code before clicking button to login. Thanks.

It is very clear and easy to understand. keep it up

omg how to say ? SO GOOOD !!!!!!! code is free :/ the best coding channel ever ! ty so much bro

Thank you very much, it helps me a lot

This helped me make my website thank you so much!

Sir you are a great teacher thank you so much for this information

Thank you so much! This video tutorial helps me a lot, by the way what is the name of the compiler you used?❤️❤️

thanks, man I really appreciate this.

thanks for the tutorial bru, this is what i need

Loading Animation using CSS ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-ZcXJCBe1UZU.html

great video. I had and still am doing some of the code. I don't know if i messed up in it somewhere or something. But Some things tend to not work for some reason. Is there a link that I could get to see all the code at once and maybe play around with it a little more? Again great video, very impressive.

You are perfect men....It helped me a lot

hi sir/mam what kind package are you using for see your work

Thank you so much. It's very helpful😇.

🤩 You're the best ,keep going

do i have to place index and style css file to the same folder ? because my background style not working

Sir, I am A beginner Can You Please Teach us About " How forgot Passsword Works" I mean How does it send OTP To The Given Email..??? And One more thing.. Can You Make A Full Tutorial Video to create login Page And Also Teach Us How we Can Save That Logged In Data's In Our Databasee.

hey, nice video! but it has one problem whenver you make the type of input to email and in case of valid email it works fine but if email format is not valid, it breaks a little bit can you provide the solution.

Excellent Tutorial How can we make this responsive?

Any idea how to add a header and a navigation bar to top of this form? I really need help

Thank You Very Much , it is so nice

Thank you so much for amazing video sir❤️

Which IDE you use for html and css?

I really appreciate that bro that really helped me 😊

Thank you very much bro you helped me very well ❤❤

thanks a lot for sharing this code👍👍

This video is Very nice ❤️❤️ I like this video and content❤️❤️

Niceee 👍👍👍😊 Which code editor did you use ?👆🏼👆🏼

my css code doesn't work and i am pretty sure that i wrote every single line :( At first, i thought that the problem was with the background deg and i thought that you may have an extension for that, so i continued with the code, but actually the center code didn't works to. Any help ?

simple and good design thank you

What kind of html,css live preview are u using..can u tell ??

Thanks for the tutorial. What is this extension

Very useful for me thanks for this video

Good Creativity Amazing Content...

Amazing 😍

thank you so much. but the blue line didn't work for me,overall it's perfect💯

i like this video, very good step by step explaining however, input:focus ~ span::before, does not work, there is maybe input type needs to be defined too in css in order to work

where can i find ":focus ~ " documentation? the "~" is confusing

Can i use the same in wordpress by editing css

why is my focus:span::before is working just fine but my .textfield input:focus + label is not working?

Sir which software you are using.. please tell me

can i use this as modal log in form?

thanks for the tutorial.

Why you use a span with before rather than changing border color?

Thank you this video is awesome !!!!!!!!!!!!!!

How to make this login page responsive for mobile view???? Please upload a video for that too

Is this open-source? I would like to use parts of your code in my own app

What is that tilt symbol mean in line no 60 and 61?

Really best code in html and CSS for the Login 👍👍👍👍👍👍👍👍

नमस्कार म पनि नेपाल बाट नै हो।

You are amazing bro

How do you make Username and Password disappear instead of hovering when a user types something?

wow nice one, i will try

please make this same login page with responsive elements

Thank you !!

Thanks man! But I have not found this code on site that you left :( So I copied from video hahaha :)

I have a problem, not from the codes, but I think I am using a wrong editor, I typed exactly as you will see in the video, but it seems not to work. I am using Notepad++

What software do you use?

superb video!!!

Hey just to let you know the links are not letting anyone download the two files. Neither the index nor the css file are clickable...

Thanks a lot Bro!

Thank you, Sir

Did you have any contacts with God because your work was equal to miracle.

Thanks good work .

Bahut badhiya hai

Can You Please Fix My Problem? My Problem Is The Button Is On The Text Input Please Im A Begginer

can you make a tutorial for the show and hide password thingy?

dude when i put in a username or password the label “username” or the label “password” goes down

Thank you 💌💌💌

Hi! May I know how did he automatically fill the code using only .password?

Awesome work

Hai can I ask I trying to change the background-color to image but it doesn‘t work ? Why? I used background-image: url ( img/black.jpg)

Sir i want this same background image I couldn't find in google can you share the image link

You r awesome bro

I hope you can make it real with php/nodejs, and sql

how to make submit button redirect if form is filled out correctly

I can't find the code to download, can someone send me the right link?

which editer is this? or website?

Thank you!

I want to add 3 section - Name, Username, Password. How can I do that Plz Help