Добрый день! Подскажите как сделать так что бы блок внутри которого находиться форма имел прознарачность допустим 70%, а все его содержимое оставалось по умолчанию opacity: 1
То как надо
То что есть
| HTML5 |
1
2
3
4
5
6
7
8
9
10
11
12
| <div class="contact-form center-block">
<div class="form-group">
<h1>Contact</h1>
<div class="input-group">
<input type="text" class="form-control field" placeholder="Your name">
<input type="email" class="form-control field" placeholder="Your email">
<input type="text" class="form-control field" placeholder="Subject">
<textarea cols="15" rows="5" class="form-control" placeholder="Message"></textarea>
<a href="#" class="btn btn-primary button-form" role="button">Send</a>
</div>
</div>
</div> |
|
| CSS |
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
| .contactUs .contact-form {
width: 320px;
height: 460px;
background: #4BCAFF;
margin-top: 100px;
opacity: 1;
}
.contactUs .contact-form .field {
width: 270px;
text-align: center;
margin-top: 15px;
border-radius: 5px;
}
.contactUs .form-group textarea {
border-radius: 5px;
text-align: center;
}
.contactUs .contact-form .field:nth-child(3) {
margin-bottom: 15px;
}
.contactUs .contact-form .form-group > h1 {
font-weight: bold;
font-family: "Lato";
font-size: 36px;
color: #FFF;
text-align: center;
padding: 20px 0;
}
.contactUs .contact-form .form-group .input-group {
width: 80%;
margin: 0 auto;
}
.button-form {
width: 180px;
height: 45px;
background: #414042;
color: #72B3CC;
font: 15px "Lato";
margin-top: 15px;
} |
|
(
