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); }