Close

Sign in/ Signup Form

This is another sign in/ sign up form with a flipping animation, designed using CSS, HTML, JavaScript, and Bootstrap framework 4. The flipping function takes place upon clicking on the 'Sign in' and 'Signup' buttons, which is implemented using JavaScript methods. The font style has been imported to the code with its URL. The background color of the form is set as #444. The input text fields are given a background color as #DDD and a border style as 1.5px solid #DDD. The fields take a border effect as 1.5px solid black, in a hover event. The 'Sign in' button is given the styles of cursor style as pointer to get the hand cursor effect on hover, width as 140px, font color as whitesmoke, background color as #DDD, font-family as 'Raleway', and text-transform as uppercase to automatically convert the characters into uppercase. The button takes the background color of #222, and font color of whitesmoke, in a hover event. The flipping animation of the form is created by giving it's a transform effect of rotateY(180deg). Source: https://codepen.io/hanumaukkadapu/pen/eaOJEw

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.