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);
}
0 komentar:
Posting Komentar