CSS Panel Örnek

 



1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

 
body{
background:url(https://unsplash.it/1027/786);
background-repeat:no-repeat;
background-size:cover;
background-attachment:fixed;
}
.panel {
width:500px;
height:300px;
left:-webkit-calc(50%-250px);
top:20%;
position:absolute;
border-radius:5px;
-moz-box-shadow:020px30pxrgba(0,0,0,0.6);
-webkit-box-shadow:020px30pxrgba(0,0,0,0.6);
box-shadow:020px30pxrgba(0,0,0,0.6);
border:1pxsolidrgba(255,255,255,0.3);
padding:20px;
text-align:center;
text-shadow:01px1pxrgba(0,0,0,0.4);
display:flex;
}
 

 



1
2
3
4
5
6
7
8
9

 
<body>
<div class="panel">
<div class="icerik">
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
</div>
</div>
</body>

Önerilen Bilgi Bankası Makaleleri:

CSS Panel Örnek

CSS Panel Örnek

Makale Detayları

Benzer Makaleler