Close

Login/ Registration Form with Slider Animation

This is another example of a login/ registration form with a slider effect, designed using CSS, HTML, and Bootstrap framework 4. The font style is imported to the code with its URL. 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 body of the form is given the background color as #f0f4f3, and font-family as 'Roboto', sans-serif. The 'Signup' and 'Sign in' buttons are given the styles of border as 1px solid #fff, font color as #fff, font-size as 11px, font-weight as 500, letter-spacing as1px, and text-transform style as uppercase to convert the characters of the text to uppercase. The background color of the switching panel is set as #3aa7b1. The 'Sign in' button is given a background color as #3aa7b1, whereas the 'Signup' button is given the color #3aaf9f. Source: https://codepen.io/wpcoder/pen/vVBKNz

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.