jquery实现炫酷卡片式登录注册表单页面代码
代码语言:html
所属分类:表单美化
代码描述:jquery实现炫酷卡片式登录注册表单页面代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<style>
html {
margin: 0;
height: 100%
}
body {
margin: 0;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
display: -webkit-flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: #2196F3
}
.form-collection {
width: 350px;
height: 350px
}
.limit-width {
width: 300px
}
.absolute-footer {
bottom: 0;
left: 0;
position: absolute;
z-index: 1;
text-align: center;
font-family: "Roboto",sans-serif;
font-size: 27.2px;
font-size: 1.7rem;
font-weight: 300;
padding: 15px;
background: rgba(0,0,0,0.4);
color: #fff
}
.........完整代码请登录后点击上方下载按钮下载查看
















网友评论0