Ekran Görüntüsü : TIKLA GİT
CSS Kodu:
Kod:
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: 0 20px 30px rgba(0, 0, 0, 0.6);
-webkit-box-shadow: 0 20px 30px rgba(0, 0, 0, 0.6);
box-shadow: 0 20px 30px rgba(0, 0, 0, 0.6);
border: 1px solid rgba(255, 255, 255, 0.3);
padding: 20px;
text-align: center;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
display: flex;
}Site Yerleştirme Kodu:
Kod:
<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>![Avatar: [Sahipsizler]](https://forum.webdiyo.com/images/default_avatar.png){kind=avatar}
