Animated Login Form with Avatar Picture in HTML5 CSS3 & JS – Harshad Chopra

Source Code index.html <html> <head> <title>Cool Loader</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script> </head> <body> <div class="main-container"> <div class="container"> <h2>Login</h2> <div class="wraper"> <label for="Name">Username</label> <input type="text" placeholder="Username" name="name" id="name"/> </div> <div class="wraper"> <label for="password">Password</label>…

Continue Reading

Animated Login Form using HTML5 CSS3 & jQuery – Harshad Chopra

Source Code index.html <div class='container'> <div class='row'> <div class='col-md-12'> <form class="slideDown"> <h2>login</h2> <div class="form-Wrapper"> <div class="form-group"> <input type="email" class="form-control" id="inputEmail"> <label for="inputEmail">Email</label> </div> <div class="form-group"> <input type="password" class="form-control" id="inputPassword"> <label…

Continue Reading

How to Make Animated Pure Login Form in HTML5 & CSS3 – Harshad Chopra

Source Code index.html <form class="login-form"> <h1>Login</h1> <input type="text" name="" placeholder="Username"/> <input type="password" name="" placeholder="Password"/> <input type="submit" name="" value="Login"/> </form> style.css body{ margin:0; padding:0; font-family:sans-serif; background:#34495e; } .login-form{ width:300px; padding:40px; position:absolute;…

Continue Reading
Close Menu