* {
margin:0;
padding:0;
}
#wraper {
/* background-image:url("../images/image1.jpg");
*/
background-size:100%;
transition:all 2s;
/* 实现模糊效果 - 值越大越模糊 */
-webkit-filter:blur(10px);
/* Chrome,Opera */
-moz-filter:blur(10px);
-ms-filter:blur(10px);
filter:blur(10px);
}
.form {
position:absolute;
top:20%;
left:50%;
transform:translate(-50%);
width:30%;
min-width:240px;
/* border:1px solid #000;
*/
border-radius:10px;
box-sizing:border-box;
padding:20px 20px;
background-color:rgba(52,0,95,0.377);
box-shadow:1px 1px 1px 1px rgba(0,0,0,0.616);
}
.form label {
display:block;
width:30%;
min-width:100px;
float:left;
height:40px;
line-height:40px;
margin:10px 0;
font-size:18px;
color:#fff;
}
.form input {
width:70%;
min-width:200px;
box-sizing:border-box;
height:40px;
margin:10px 0;
background-color:#ffffff00;
border:1px solid #eee;
border-radius:20px;
outline:none;
padding:0 10px;
box-sizing:border-box;
font-size:18px;
color:#eee;
}
.form button {
width:70%;
height:40px;
background-color:rgba(255,255,255,0);
/* border:1px solid #fff;
*/
background-color:rgba(42,0,48,0.438);
border:none;
border-radius:20px;
color:#eee;
font-size:18px;
margin:10px 0 10px 30%;
outline:none;
cursor:pointer;
}
.form button:hover {
/* border:none;
*/
background-color:rgba(42,0,48,0.548);
}