#book { position: relative; overflow: visible; height: 969px; width: 743px; margin: 0; border: 1px solid #C7C7C7; } .page { position: absolute; float: none; margin: 0; } /* rotated left */ #page1, #page8, #page7, #page6 { transform: rotate(-90deg); transform-origin: 50% 120.5px; } /* rotated right */ #page2, #page3, #page4, #page5 { transform: rotate(90deg); transform-origin: 50% 120.5px; } /* cover */ #page1 { top: 1px; left: 2px; } #page2 { top: 0; right: 1px; } #page3 { top: 242px; right: 1px; } #page4 { top: 484px; right: 1px; } #page5 { top: 726px; right: 1px; } #page6 { top: 727px; left: 2px; } #page7 { top: 485px; left: 2px; } /* back page */ #page8 { top: 243px; left: 2px; }