基於CSS3 登錄表單 個性化登錄按鈕

這是一款基於jQuery和CSS3的登錄表單，登錄表單的界面整體呈現扁平化風格，非常簡潔和清新。當焦點在表單的輸入欄位上時，表單提示文字會出現一個小動畫，同時這款CSS3登錄表單的最大特點是其個性化的登錄按鈕，滑鼠滑過也有不錯的效果。

線上預覽    源碼下載

實現的代碼。

html代碼：

<div class="panel-lite">
  <div class="thumbur">
    <div class="icon-lock"></div>
  </div>
  <h4>用戶登錄</h4>
  <div class="form-group">
    <input required="required" class="form-control"/>
    <label class="form-label">用戶名    </label>
  </div>
  <div class="form-group">
    <input type="password" required="required" class="form-control"/>
    <label class="form-label">密　碼</label>
  </div><a href="#">忘記密碼 ?  </a>
  <button class="floating-btn"><i class="icon-arrow"></i></button>
</div>

via：http://www.w2bc.com/article/css3-login-form-pretty-button