вопрос по верстке(css)

[milus]

Собственно сайт http://demo.curlythemes.com/equestrian-v2/. При просмотре кода в хроме вижу, что рамки вокруг изображений лошадей - это не фоновые изображения, а обычный css. Ну и немного не вкуриваю как это сделать.  Кто-нибудь такое делает (или делал) - к своему стыду с этим вообще не знаком, да и инфу конкретную как-то не найду. Был бы признателен за информацию по теме или ссылочку на подходящий мануал.

[milus]

Сейчас смотрю, если бы меня попросили такое бы сделать,  я бы наверно div с изображением "завернул" в еще два div'а с границами и тенями, но все равно не понимаю как их наклонили. Да и сделано там все-таки иначе, вообщем интересный вопрос, рассчитываю на помощь.

[Tom]

.Может это +  Это  ? 

.photo-frame:before {
    content: "";
    height: 100%; width: 100%;
    background: #eff4de;
    border: 5px solid #fff;  
    position: absolute;
    z-index: -1;
    top: 0px;
    left: -10px;
    -webkit-box-shadow:  1px 1px 5px 0px rgba(0, 0, 0, 0.25);
    box-shadow:  1px 1px 5px 0px rgba(0, 0, 0, 0.25);
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
    box-sizing: border-box;
}
.photo-frame:after {
    content: "";
    height: 100%; width: 100%;
    background: #768590;
    border: 5px solid #fff;
    position: absolute;
    z-index: -1;
    top: 3px;
    left: 0px;
    -webkit-box-shadow:  1px 1px 5px 0px rgba(0, 0, 0, 0.25);
    box-shadow:  1px 1px 5px 0px rgba(0, 0, 0, 0.25);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
    box-sizing: border-box;
}
 
 
http://prntscr.com/24o18e

[milus]

да я как бы по стилям уже разобрался, не много смущал сам код, теперь понятно, спасибо за наводку...

[Tom]

Может похвастаетесь позже реализацией?