Close

Login and Registration Form with Floating Labels

This is an example of another stylish login form, designed using CSS, HTML, and Bootstrap framework 4. The background image, font style, and Bootstrap styles have been imported to the code with the URLs. The labels of the input fields in the form are given a floating animation, to be activated on the focus mode. The functionality of the labels is implemented by the JavaScript methods. The body of the form is given the styles of background color as #eee, font-family as roboto, and justify-content as center. The login card is given a box-shadow style of 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12). The logo in the login card is given an opacity value of 0.8. The input text fields are given the styles of font-size as 18px, border-bottom as 1px solid rgba(255, 255, 255, 0.3), and font color as #eee. The font-size of the text fields' labels is set as 18px, which gets changed to 14px, in a hover event. Source: https://bootsnipp.com/snippets/P2RAl

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.