利用css3实现3D登录表单



24 94 32



特效描述:利用css3实现 3D 登录表单,利用css3实现3D登录表单

代码结构

1. 引入CSS

<link rel="stylesheet" type="text/css" href="css/base.css" media="all" />

2. HTML代码

<div class="page">
	<header id="header">
		<hgrounp class="blank">
			<h1></h1>
			<h2><h2>
		</hgrounp>
	</header>
	<section class="demo">
<div class="box">
  <form>
    <div>secure login</div>
    <div class="input_control">
        <input type="text" id="inputName"  placeholder="Your Name">
        <label for="inputName"></label>
    </div>
    <div class="input_control">
        <input type="text" id="inputEmail"  placeholder="Your Email">
        <label for="inputName"></label>
    </div>
    <div class="input_control">
        <input type="password" id="inputPassword"  placeholder="******">
        <label for="inputName"></label>
    </div>
    <div>
      <button type="submit" class="btn">LOGIN</button>
    </div>
    <p><a href="#">Lost Your Password?</a></p>
  </form>
</div>
    </section>
</div>
<div style="text-align:center;clear:both">
</div>



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 切换按钮 表单 表单美化 表单插件 表单美化插件 文本框 text文本框 登录框

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到