Login page by Harold Riera

Login page sample I created, what do you guys think? :smile:

Login page (codepen.io)

2 Likes

It looks nice. I suggest you tone down the hover effect though. I think it scales too much.

1 Like

It looks okay @HaroldTheCoder. Some things to revisit;

  • Iā€™d get rid of the bouncy login box on hover. The last thing a user wants to do is chase the input field because it moves when they go to click in it.
  • why the following? Do you not want your page to be easily keyboard accessible?
.login-input:focus {
  outline: none;
}
  • make it responsive (see attached screenshot

1 Like

I made some adjustments on the responsiveness, I am still working on making my pages fully responsive. The transform feature it was for practice the effect. Thank you for your feedback ! it definetly help me improve

Login page (codepen.io)

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.