27.12.12

Fancy Box Style

Beben Koben teh Embah Goole anu Ganteng Kalem Tea

CSS
.Fancy_Box {
width: 280px;
height:180px;
border-radius: 3px;
position: relative;
background-color:#f4f4f4;
padding:5px 5px 15px 0;
}
.Fancy_Box, .Fancy_Box:before, .Fancy_Box:after {
background: #f4f4f4;
border: 1px solid #ccc;
}
.Fancy_Box:before, .Fancy_Box:after {
content: "";
position: absolute;
bottom: -3px;
left: 2px;
right: 2px;
height: 1px;
border-top: none;
}
.Fancy_Box:after {
left: 4px;
right: 4px;
bottom: -5px;
box-shadow: 0 0 2px #ccc;
}
HTML
<div class="Fancy_Box">

</div>