Book Spin in CSS

spine.css

.Product-book .book-section .book-cover .cover-spine-overlay img{
    width:100%;
    display:block;
    -webkit-box-shadow:0 0 16px rgba(0,0,0,0.5);
    box-shadow:0 0 16px rgba(0,0,0,0.5)
}
.Product-book .book-section .book-cover .cover-spine-overlay:after{
    position:absolute;
    content:"";
    width:100%;
    height:100%;
    top:0;
    left:0;
    background:-webkit-gradient(linear, left top, right top, from(rgba(0,0,0,0.3)), color-stop(1%, rgba(255,255,255,0)), color-stop(2.5%, rgba(250,250,250,0.23)), color-stop(3.4%, rgba(0,0,0,0.1)), color-stop(4.2%, rgba(250,250,250,0.1)), color-stop(5.6%, rgba(0,0,0,0.1)), color-stop(6.8%, rgba(250,250,250,0.2)), color-stop(25%, transparent), color-stop(30%, transparent), to(rgba(0,0,0,0.2)));
    /* background:linear-gradient(90deg, rgba(0,0,0,0.3), rgba(255,255,255,0) 1%, rgba(250,250,250,0.23) 2.5%, rgba(0,0,0,0.1) 3.4%, rgba(250,250,250,0.1) 4.2%, rgba(0,0,0,0.1) 5.6%, rgba(250,250,250,0.2) 6.8%, transparent 25%, transparent 30%, rgba(0,0,0,0.2));
     */
}