Ich habe zu deinem Problem diesen Code gefunden vlt hilft dir das
#magazine .page:not(.hard).odd {
background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 90%, rgba(250, 250, 250, 0.5) 94%, #999 100%);
box-shadow: inset 0 0 5px #666;
border-left: 1px solid #ccc;
}
#magazine .page:not(.hard).even {
background-image: linear-gradient(to left, rgba(255, 255, 255, 0) 90%, rgba(250, 250, 250, 0.5) 94%, #999 100%);
box-shadow: inset 0 0 5px #666;
}
Hier findest du auch einen Forenbeitrag dazu (ist aber leider auf englisch) : https://stackoverflow.com/questions/21585879/need-gradient-in-middle-of-the-flip-book-of-turnjs-plugin