Skip to content

Instantly share code, notes, and snippets.

@yaroslavKas
Created May 26, 2016 06:53
Show Gist options
  • Save yaroslavKas/f1c8e74678814419b432f6bf70279c21 to your computer and use it in GitHub Desktop.
Save yaroslavKas/f1c8e74678814419b432f6bf70279c21 to your computer and use it in GitHub Desktop.
Форма в блюре
#form3{
top: 0;
padding: 25px 35px;
}
label {
width: 100%;
}
label input{
width: 100%;
height: 45px;
color: #000;
}
#form3 label{
margin-bottom: 30px;
}
#form3 textarea{
height: 100px;
margin-top: 20px;
background: transparent;
border: none;
box-shadow: none;
border: 1px solid tomato;
color: #ccc;
border-radius: inherit;
resize: none;
padding: 5px;
color: #000;
}
#form3 input::-webkit-input-placeholder {
color: #000;
}
#form3 textarea::-webkit-input-placeholder {
color: #000;
}
#form3 button{
padding: 15px 40px;
}
.bg2{
height: 490px;
-webkit-filter: blur(20px);
}
.modal-body form input {
margin-top: 0;
background: transparent;
border: none;
box-shadow: none;
border-bottom: 1px solid tomato;
color: #666;
border-radius: inherit;
}
<button data-toggle="modal" data-target="#myModal2">Написать</button>
<div class="modal fade" id="myModal2">
<div class="modal-dialog modal2">
<div class="modal-content">
<!-- <div class="modal-header">
<h3 class="modal-title">Заказать справку</h3>
</div> -->
<div class="modal-body">
<div class="bg bg2"></div>
<form id="form3" method="post" class="headerform">
<input type="hidden" name="write_us">
<div class="form-group">
<label>
<input type="text" class="first_name name" name="name" placeholder="Ваше имя" >
</label>
<label>
<input type="text" class="phone" id="write_us" name="phone" placeholder="+7 (___) ___-__-__" >
</label>
<label>
<input type="email" class="mail" name="email" placeholder="Ваш Mail" >
</label>
<label>
<textarea name="text" placeholder="Задайте ваш вопрос"></textarea>
</label>
</div>
<button id="submitForm" class="submit" type="submit">Отправить</button>
</form>
</div>
<!-- <div class="modal-footer">
</div> -->
</div>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment