https://instagram.com/alphazzers
   
Konuyu Oyla:
  • Toplam: 0 Oy - Ortalama: 0
  • 1
  • 2
  • 3
  • 4
  • 5
Duyuru Panosu [Sinema]
#1
Sinema severler, film tarzında olan forumlar için kullanabilirsiniz, yapımcısı ben değilim.

Önizleme
0EMEXB.jpg
Full view:
Kod:
https://codepen.io/jhkepa/full/pVzZdQ/

HTML Kodu
PHP Kod:
<div class="card">
 
 <p>Lorem ipsumdolor sit amet consectetur adipisicing elitMaiores cum quibusdam sint consequatur nobis qui obcaecati impedit facilis aliquam vero itaque dignissimostemporibus laudantium aperiam quam quisquam ducimus facere adipisci?</p>
</
div>
<
div class="card">
 
 <p>Lorem ipsumdolor sit amet consectetur adipisicing elitMaiores cum quibusdam sint consequatur nobis qui obcaecati impedit facilis aliquam vero itaque dignissimostemporibus laudantium aperiam quam quisquam ducimus facere adipisci?</p>
</
div

CSS Kodu
PHP Kod:
@import url("https://fonts.googleapis.com/css?family=Cabin:400,700&subset=latin-ext");
///// Variables
$body-bgclightblue;
$card-bgc#3b3a36;
$card-colorsnow;
* {
 
 margin0;
 
 padding0;
 
 box-sizingborder-box;
}
body {
 
 background-color$body-bgc;
 
 padding1rem;
}
.
card {
 
 max-width500px;
 
 margin2rem auto;
 
 background-color$card-bgc;
 
 padding2rem;
 
 positionrelative;
}
.
card:before,
.
card:after,
p:before,
p:after {
 
 content"";
 
 displayblock;
 
 width2rem;
 
 height2rem;
 
 background-colorlightblue;
 
 positionabsolute;
}
.
card:before {
 
 top0;
 
 left0;
 
 border-bottom-right-radius100%;
 
 box-shadow: -1px -1px $body-bgc;
}
.
card:after {
 
 bottom0;
 
 right0;
 
 border-top-left-radius100%;
 
 box-shadow1px 1px $body-bgc;
}
{
 
 //position: relative;
 
 padding0.3rem;
 
 font-family"Cabin"sans-serif;
 
 font-size1.1rem;
 
 line-height1.35;
 
 color$card-color;
}
p:before {
 
 top0;
 
 right0;
 
 border-bottom-left-radius100%;
 
 box-shadow1px -1px $body-bgc;
}
p:after {
 
 bottom0;
 
 left0;
 
 border-top-right-radius100%;
 
 box-shadow: -1px 1px $body-bgc;

Ara
Cevapla PGM
Teşekkür verenler:
#2
Güzelmiş.
Ara
Cevapla PGM
Teşekkür verenler:


Hızlı Menü:


Şu anda bu konuyu okuyanlar: 2 Ziyaretçi


Online Shopping App
Online Shopping - E-Commerce Platform
Online Shopping - E-Commerce Platform
Feinunze Schmuck Jewelery Online Shopping