Book page gradient

HTML

<div class="book">

CSS

html{background: white;}

img{width: 100%; z-index: -1;  position:relative;}
.book{width: 100%;
    max-width: 400px;
   position:relative;
   border:1px solid #ccc;
   margin-bottom:30px;
       line-height: 0;
         -webkit-box-shadow: 0 3px 25px -9px #000;
  -moz-box-shadow: 0 3px 25px -9px #000;
  box-shadow: 0 3px 25px -9px #000;
  
background: -moz-linear-gradient(left,  rgba(0,0,0,0.04) 0%, rgba(0,0,0,0.08) 11%, rgba(0,0,0,0.04) 20%, rgba(36,36,36,0.04) 21%, rgba(255,255,255,0.13) 27%, rgba(255,255,255,0.23) 34%, rgba(255,255,255,0.2) 36%, rgba(0,0,0,0.05) 45%, rgba(255,255,255,0) 49%, rgba(0,0,0,0.14) 50%, rgba(255,255,255,0.1) 55%, rgba(255,255,255,0.18) 62%, rgba(39,39,39,0.1) 73%, rgba(0,0,0,0.1) 75%, rgba(113,113,113,0.12) 83%, rgba(241,241,241,0.25) 92%, rgba(255,255,255,0.22) 93%, rgba(255,255,255,0.04) 100%);
background: -webkit-linear-gradient(left,  rgba(0,0,0,0.04) 0%,rgba(0,0,0,0.08) 11%,rgba(0,0,0,0.04) 20%,rgba(36,36,36,0.04) 21%,rgba(255,255,255,0.13) 27%,rgba(255,255,255,0.23) 34%,rgba(255,255,255,0.2) 36%,rgba(0,0,0,0.05) 45%,rgba(255,255,255,0) 49%,rgba(0,0,0,0.14) 50%,rgba(255,255,255,0.1) 55%,rgba(255,255,255,0.18) 62%,rgba(39,39,39,0.1) 73%,rgba(0,0,0,0.1) 75%,rgba(113,113,113,0.12) 83%,rgba(241,241,241,0.25) 92%,rgba(255,255,255,0.22) 93%,rgba(255,255,255,0.04) 100%);
background: linear-gradient(to right,  rgba(0,0,0,0.04) 0%,rgba(0,0,0,0.08) 11%,rgba(0,0,0,0.04) 20%,rgba(36,36,36,0.04) 21%,rgba(255,255,255,0.13) 27%,rgba(255,255,255,0.23) 34%,rgba(255,255,255,0.2) 36%,rgba(0,0,0,0.05) 45%,rgba(255,255,255,0) 49%,rgba(0,0,0,0.14) 50%,rgba(255,255,255,0.1) 55%,rgba(255,255,255,0.18) 62%,rgba(39,39,39,0.1) 73%,rgba(0,0,0,0.1) 75%,rgba(113,113,113,0.12) 83%,rgba(241,241,241,0.25) 92%,rgba(255,255,255,0.22) 93%,rgba(255,255,255,0.04) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a000000', endColorstr='#0affffff',GradientType=1 );


}

.book:before, .book:after
{
  z-index: -2;
  position: absolute;
 ...