js实现带泡泡上浮背景的登录表单页面效果代码

代码语言:html

所属分类:表单美化

代码描述:js实现带泡泡上浮背景的登录表单页面效果代码

代码标签: css 泡泡 背景 登录

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en" class="no-js">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/jquery-3.2.1.min.js"></script>
    <style>
        * {
    	margin:0;
    	padding:0
    }
    body {
    	margin:0;
    	padding:0;
    	font:normal 14px/1.4 "Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif;
    }
    div {
    	display:block
    }
    a {
    	text-decoration:none;
    	opacity:1;
    	color:#fff
    }
    button,input {
    	outline:0
    }
    ::-moz-focus-inner {
    	border:0
    }
    .login_header {
    	position:absolute;
    	top:0;
    	left:0;
    	right:0
    }
    #logo {
    	display:block;
    	text-align:center;
    	font-weight:700;
    	font-size:50px;
    	color:#fff;
    	height:100%;
    	text-shadow:2px 2px 3px rgba(0,0,0,0.5)
    }
    #subheading {
    	position:relative;
    	width:517px;
    	left:50%;
    	margin:10px 0 16px -258px;
    	font-size:15px;
    	font-weight:400;
    	color:#fff;
    	text-align:center
    }
    .signup_forms {
    	width:260px;
    	height:145px
    }
    .signup_forms_container {
    	width:260px;
    	overflow:hidden;
    	background:#fff;
    	border-radius:3px
    }
    .form_passw.........完整代码请登录后点击上方下载按钮下载查看

网友评论0