这是一款设计的十分精美炫酷的html5和css3用户登录界面模板。

HTML

html代码十分简单。代码中使用了 font-awesome 字体图标。

<div id="loginform">
  <div id="facebook">
    <i class="fa fa-facebook"></i><div id="connect">Connect with Facebook</div></div>
    <div id="mainlogin">
    <div id="or">or</div>
    <h1>Log in with awesome new thing</h1>
    <form action="#">
      <input type="text" placeholder="username or email" value="" required>
      <input type="password" placeholder="password" value="" required>
    <button type="submit"><i class="fa fa-arrow-right"></i></button>
    </form>
    <div id="note"><a href="#">Forgot your password?</a></div>
  </div>
</div>
                

更多详细信息请参看：http://codepen.io/berdejitendra/pen/KxmvD

在线预览    源码下载