Close

Neumorphic sign-up / sign-in form

This is another example of a stylish sign in/ sign up page, designed using CSS, HTML, JavaScript, and Bootstrap framework 4. The form consists of two panels to sign in and signup and is given the ability to switch the panels upon clicking on the buttons. The JavaScript methods have been used to implement the functionality of the toggle panels. The form is given a font family style as "Montserrat", sans-serif. The information container is given a background color as #ebecf0, and a box-shadow style as -5px -5px 10px #fff, 5px 5px 10px #babebc. The input text fields and the social media icons are also given a box-shadow style of inset 7px 2px 10px #babebc, inset -5px -5px 12px #fff. The overlay panel that switches between the panels is given a background color of #ff4b2b. The cursor style for the buttons is set as pointer to get the hand cursor effect on hover and a text transform style as uppercase to automatically convert the characters of the text to uppercase. Source: https://codepen.io/Shruti-Ag/pen/YzywyKb

Post Comment or Questions

Lorem ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Several Related Snippets

Lorem ut labore et dolore magna aliqua. Ut enim ad minim veniam.