Lorem Ipsum Dolor Sit Amet
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut at consectetur officia et accusamus inventore dolor cupiditate tempore fuga alias aliquam quo dolorum voluptatem tenetur ipsum corporis commodi vitae! Iusto!
body
{
background:#d8d8d8;
}
.kertas{
background:white;
width:400px;
margin:20px auto;
padding:20px;
position:relative;
font-family:cambria,serif;
box-shadow:0 1px 10px rgba(0,0,0,.3);
}
.kertas::before, .kertas::after{
background:#d8d8d8;
content:"";
width:100px;
height:50px;
position:absolute;
top:-25px;
box-shadow:0 5px 10px -7px rgba(0,0,0,.3);
}
.kertas::before{
left:-50px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.kertas::after{
right:-50px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.kertas::before, .kertas::after{
background:rgba(255,255,255,.5);
content:"";
width:100px;
height:25px;
position:absolute;
top:-10px;
box-shadow:0 5px 10px -7px rgba(0,0,0,.3);
}
