科技感十足的后台登录框样式代码

一款科技感十足的后台登录框样式代码，页面加载的时候有一个登录表单飞入的动画效果，非常的酷炫，整个背景样式也是比较有科技感，喜欢的童鞋请收下吧。

分类：表单代码 > 注册登录框难易：初级

查看演示下载资源下载积分： 20 积分

页面的head部分，需要引入两个CSS样式文件，代码如下：

<link href="css/bootstrap.min.css" title="" rel="stylesheet" />
<link title="orange" href="css/login.css" rel="stylesheet" type="text/css"/>

页面的body部分，将页面的多个元素分别放入对应的div容器里，代码如下：

<div style="height:1px;"></div>
<div class="login">
 <header>
    <h1>欢迎登陆</h1>
 </header>
 <div class="sr">
    <form>
	    <div class="name">
			<label>
			<i class="sublist-icon glyphicon glyphicon-user"></i>
			</label>
			<input type="text"  placeholder="这里输入登录名" class="name_inp">
		</div>
		 <div class="name">
			<label>
			<i class="sublist-icon glyphicon glyphicon-pencil"></i>
			</label>
			<input type="text"  placeholder="这里输入登录密码" class="name_inp">
		</div>
		<button class="dl">立即登陆</button>
	</form>
 </div>
</div>