Widget:用户测试邀请信:修订间差异

H萌娘,万物皆可H的百科全书!
跳到导航 跳到搜索
imported>=海豚=
无编辑摘要
imported>=海豚=
无编辑摘要
第48行: 第48行:
height: 777px;
height: 777px;
top: -200px;
top: -200px;
}
#wrap form{
background: url('https://www.hmoegirl.com/images/c/cf/Letter_bg.png');
position: relative;
top: 200px;
height: 200px;
width: 400px;
margin: 0px auto;
padding: 20px;
border: 1px solid white;
border-right: 3px;
transition: all 1s ease-in-out .3s;
}
#form-wrap:hover form{
height: 530px;
}
#wrap lable{
margin: 11px 20px 0 0;
font-size: 15px;
color: gray;
text-transform: uppercase;
}
#wrap input[type=text], textarea{
font: 14px normal uppercase, arial, serif;
color: dimgray;
background: none;
width: 380px;
height: 37px;
padding: 0px 10px;
margin: 0 0 10px 0;
border: 1px solid #BDBDBD;
border-radius: 5px;
}
#wrap textarea{
height: 80px;
padding-top: 14px;
}
#form-wrap input[type=submit]{
position: relative;
font-family: tahoma;
font-size: 24px;
color: gray;
width: 300px;
text-align: center;
opacity: 0;
cursor: pointer;
border-radius: 3px;
transition: opacity 0.7s ease-in-out 0s;
}
#form-wrap:hover input[type=submit]{
z-index: 1;
opacity: 1;
transition: opacity 0.5s ease-in-out 1.3s;
}
}

2021年8月13日 (五) 20:58的版本

<style>

  1. wrap p{

font-family: tahoma; font-size: 24px; color: #757575; }

  1. wrap{

width: 530px; margin: 20px auto 0; height: 1000px; }

  1. wrap h2{

margin-bottom: 20px; text-align: center; font-size: 35px; font-family: tahoma; color: black; }

  1. form-wrap{

height: 447px; position: relative; top: 0px; transition: all 1s ease-in-out .3s; }

  1. form-wrap:before{

content: ""; position: absolute; bottom: 128px; left: 0px; background: url('https://www.hmoegirl.com/images/a/a9/Before.png'); width: 530px; height: 317px; }

  1. form-wrap:after{

content: ""; position: absolute; bottom: 0px; left: 0; background: url('https://www.hmoegirl.com/images/c/c6/After.png'); width: 530px; height: 259px; }

  1. form-wrap.hide:after,
  2. form-wrap.hide:before{

display: none; }

  1. form-wrap:hover{

height: 777px; top: -200px; }