body {
background-color:#2B2B2B;
}
.frame {
width:730px;
height:336px;
margin:50px auto;
}
.box {
width:730px;
height:336px;
position:relative;
transform-style:preserve-3d;
transition:transform 1s;
}
.box img {
position:absolute;
left:0;
top:0;
}
.box img:nth-of-type(1) {
transform:rotateX(0deg) translateZ(125px);
}
.box img:nth-of-type(2) {
transform:rotateX(90deg) translateZ(125px);
}
.box img:nth-of-type(3) {
transform:rotateX(180deg) translateZ(125px);
}
.box img:nth-of-type(4) {
transform:rotateX(270deg) translateZ(125px);
}