


Pseudo css class instead of using JavaScript onkeyup event. Log into Instagram When you're logging into an account, you have to use the username and password for the account you're logging into. Enter the username, email address, or phone number associated with your account.

To do that first we need to detect the user typing for that we need to use :placeholder-shown On the login screen, tap Get help logging in. If you are still not tested the codepen demo then click on the above run pen button and start typing in the input field you will see the label is sliding up with a smooth transition. See the Pen Instagram Login Page - 1 of #15daysofcss by on CodePen. Now, we need to style our html elements by using css.īody box contains a element with Sign up link. Other section (Log in with Facebook, forgot password) Two form input fields (username, password). Phone number, username, or email Password Log In OR Log in with Facebook Forgot password? Don't have an account? Sign Up When you're logging into an account, you have to use the username and password for the account you're logging into.
