Oh Snap!

Please turnoff your ad blocking mode for viewing your site content

Hit enter after type your search item

Web Development

img
  <form> <label for="range1">One Digit</label> <input id="range1" name="range1" type="range" min="0" max="9" value="5"> <label for="range2">More Digits</label> <input id="range2" name="range2" type="range" min="0" max="300" value="150"> </form>   * { border: 0; box-sizing: border-box; margin: 0; padding: 0; } :root { --bg: #e3e4e8; --bgT: #e3e4e800; --fg: #17181c; --inputBg: #fff;...

  <form class="login"> <fieldset> <legend class="legend">Login</legend> <div class="input"> <input type="email" placeholder="Email" required /> <span><i class="fa fa-envelope-o"></i></span> </div> <div class="input"> <input type="password" placeholder="Password" required /> <span><i class="fa fa-lock"></i></span> </div> <button type="submit".

    <link href='https://fonts.googleapis.com/css?family=Ubuntu:500' rel='stylesheet' type='text/css'> <div class="login"> <div class="login-header"> <h1>Login</h1> </div> <div class="login-form"> <h3>Username:</h3> <input type="text" placeholder="Username"/><br> <h3>Password:</h3> <input type="password" placeholder="Password"/> <br> <input type="button" value="Login" class="login-button"/> <br> <a class="sign-up">Sign.

img
    <div class="panda"> <div class="ear"></div> <div class="face"> <div class="eye-shade"></div> <div class="eye-white"> <div class="eye-ball"></div> </div> <div class="eye-shade rgt"></div> <div class="eye-white rgt"> <div class="eye-ball"></div> </div> <div class="nose"></div> <div class="mouth"></div> </div> <div class="body"> </div> <div class="foot"> <div class="finger"></div> </div> <div class="foot rgt"> <div class="finger"></div> </div> </div> <form>...

    <section class="login-form-wrap"> <h1>Facebook</h1> <form class="login-form" action="POST" action="#"> <label> <input type="email" name="email" required placeholder="Email"> </label> <label> <input type="password" name="password" required placeholder="Password"> </label> <input type="submit" value="Login"> </form> <h5><a href="#">Forgot password</a></h5>.

Animated Login Form in HTML5 & CSS3

By
|
On October 9, 2019

  Source Code   <div class="wrapper"> <form class="login"> <p class="title">Log in</p> <input type="text" placeholder="Username" autofocus/> <i class="fa fa-user"></i> <input type="password" placeholder="Password" /> <i class="fa fa-key"></i> <a href="#">Forgot your password?</a> <button>.

This div height required for enabling the sticky sidebar
Ad Clicks : Ad Views : Ad Clicks : Ad Views : Ad Clicks : Ad Views : Ad Clicks : Ad Views : Ad Clicks : Ad Views : Ad Clicks : Ad Views : Ad Clicks : Ad Views : Ad Clicks : Ad Views : Ad Clicks : Ad Views : Ad Clicks : Ad Views : Ad Clicks : Ad Views : Ad Clicks : Ad Views :