Close

Simple Signup Form With An Animated Button

This is an example of a simple signup form designed using HTML, CSS, and Bootstrap framework 4. The form consists of input fields and a signup button. The body of the form is given a background-color of #000, whereas the signup card is given the styles of background-color as #fff, padding as 45px, and border-radius as 1px. The title of the signup card is given a font-size of 36px, and a letter-spacing of 0.08em. The input fields are given the styles of font-size as 16px, padding as 10px 15px, color as #555, background-color as #fff, and border-radius as 3px. The signup button has the styles of background as #44c5ee, padding as 10px 28px, border as 2px solid #44c5ee, color as #fff, border-radius as 50px to get the oval shape, font-weight as 700, letter-spacing as 0.08em, and transition as 0.5s all. The button changes its background color to #fff, and font color to #496174, in a hover event. Source: https://bbbootstrap.com/snippets/simple-signup-form-animation-button-39008712

Post Comment or Questions

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

Your email address will not be published.

Several Related Snippets

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