Создание простых рамок с использованием CSS

Демонстрация работы простых рамок CSS для создания фотографии Polaroid, адаптация примера из урока Dudley Storey, специально для сайта dejurka.ru

HTML

<img src="http://thenewcode.com/assets/images/thumbnails/emma-flashdance.jpg" id="polaroid" alt="Photograph of a model on a chair being sprayed by water">

CSS

img#polaroid {
    width: 65%;
    height: auto;
    transform: rotate(4deg);
    display: block;
    margin: 2rem auto;
    border-width: 20px 20px 50px;
    border-style: solid;
    border-color: #E8E8D3;
    border-image: none;
    box-shadow: 12px 12px 8px 4px rgba(0, 0, 0, 0.3);