Faire un effet post-it sur une DIV

HTML

CSS
.effect {
position: relative;
background-color: #fae9a4;
width: 300px;
height: 350px
}

.effect:before,
.effect:after {
z-index: -1;
position: absolute;
content: «  »;
bottom: 25px;
left: 10px;
width: 50%;
top: 80%;
max-width: 300px;
background: #777;
box-shadow: 0 35px 20px #777;
transform: rotate(-8deg);
}

.effect:after {
transform: rotate(8deg);
right: 10px;
left: auto;
}