Close

Fancy login form

This is an example of a login form designed using HTML, CSS, JavaScript, and Bootstrap framework 4. The form is given a background color of #f2f2f2. The form title is displayed using the styles of font-family as Poppins-Bold, font-size as 30px, font color as #333333, and line-height as 1.2. The input text fields are given the styles of border-bottom as 2px solid #adadad, and margin-bottom as 37px. The input text field labels are displayed using the styles of font-family as Poppins-Regular, font-size as 15px, font color as #555555, line-height as 1.2, display as block, width as 100%, height as 45px, and padding as 0 5px. In a focus event, the input text fields take a border style of linear gradient color. The cursor style for the button is set as pointer to get the hand cursor on hover, whereas the text-transform style is set as uppercase to automatically convert the text to uppercase. The button turns its color to a linear gradient color, on hover. JavaScript methods have been used to implement the functionality of the button whereas media quarries have been used to increase the responsiveness of the form. Source: https://bbbootstrap.com/snippets/fancy-login-form-15911932

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 *

Several Related Snippets

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