Animated Login/ Signup Form
This is an example of an animated signup/login form with a rotate animation, designed using CSS, HTML, and Bootstrap framework 4. The background image is imported to the code with its URL. The body of the form is given the styles of color as #6a6f8c, background as #c8c8c8, and font as 600 16px/18px 'Open Sans', sans-serif. The users can switch between the login and signup forms by clicking on the tabs and the section appears with a rotate animation. To hide one section from another while on active mode, the value of backface-visibility is set as hidden. The two sections are given a transform value as rotateY(180deg) to implement the animation. The section titles are given a text-transform style as uppercase to automatically convert the text to uppercase. The input fields text is given the styles of font color as #aaa, and font-size as 12px. In a focus event, the background of the input fields gets changed to #fff.