css3卡片式用户信息注册表单特效代码下载


css3卡片式用户信息注册表单特效代码下载
css3卡片式用户信息注册表单特效代码下载以及卡片式、用户信息、注册表单等js/jquery网页特效代码下载。

1. 引入CSS

<link rel="stylesheet" href="css/style.css">

2. HTML代码

<div class="container">
	<!-- code here -->
	<div class="card">
		<div class="card-image">	
			<h2 class="card-heading">
				开始
				<small>让我们创建您的帐户</small>
			</h2>
		</div>
		<form class="card-form">
			<div class="input">
				<input type="text" class="input-field" value="" required/>
				<label class="input-label">名称</label>
			</div>
						<div class="input">
				<input type="text" class="input-field" value="" required/>
				<label class="input-label">邮箱</label>
			</div>
						<div class="input">
				<input type="password" class="input-field" required/>
				<label class="input-label">密码</label>
			</div>
			<div class="action">
				<button class="action-button">提交注册</button>
			</div>
		</form>
		<div class="card-info">
			<p>表示您同意我们<a href="#">用户协议</a></p>
		</div>
	</div>
</div>

相关推荐

发表评论

相关文章