.book{position:relative;width:320px;height:400px;background-color:whitesmoke;-webkit-transform:preserve-3d;-ms-transform:preserve-3d;transform:preserve-3d;-webkit-perspective:2000px;perspective:2000px;color:#000}.book,.cover{border-radius:10px;-webkit-box-shadow:1px 1px 12px #000;box-shadow:1px 1px 12px #000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.cover{top:0;position:absolute;background-color:lightgray;width:100%;height:100%;cursor:pointer;-webkit-transform-origin:0;-ms-transform-origin:0;transform-origin:0}.book:hover .cover,.cover{-webkit-transition:all .5s;transition:all .5s}.book:hover .cover{-webkit-transform:rotatey(-80deg);-ms-transform:rotatey(-80deg);transform:rotatey(-80deg)}p{font-size:20px;font-weight:bolder}