首頁 > web前端 > html教學 > 基于CSS3 登录表单 个性化登录按钮_html/css_WEB-ITnose

基于CSS3 登录表单 个性化登录按钮_html/css_WEB-ITnose

WBOY
發布: 2016-06-24 11:26:43
原創
1242 人瀏覽過

这是一款基于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

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板