Polaroid Effect

Polaroid Effect

.polaroid {
    float: left;
    position: relative;
    width: 200px;
    margin: 10px 10px;
    padding: 6px 8px 10px 8px;
    list-style: none;
    -webkit-box-shadow: 4px 4px 8px -4px rgba(0, 0, 0, .75);
    -moz-box-shadow: 4px 4px 8px -4px rgba(0, 0, 0, .75);
    box-shadow: 4px 4px 8px -4px rgba(0, 0, 0, .75);
    background: #eee6d8;
    background: -webkit-linear-gradient(top, #fafafa, #f5f5f5 20%, #c6c6c6 60%);
    background: -moz-linear-gradient(top, #fafafa, #f5f5f5 20%, #c6c6c6 60%);
    background: -ms-linear-gradient(top, #fafafa, #f5f5f5 20%, #c6c6c6 60%);
    background: linear-gradient(top, #fafafa, #f5f5f5 20%, #c6c6c6 60%);
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
}