Html Flipbook CSS Schatten erzeugen?
Ich hätte sehr gerne in der Mitte meines Flipbooks (Mit Turn.Js gemacht) einen Schatten, so wie in echten Büchern. Weiß jemand ob es da schon einen Code gibt?
Danke :))
1 Antwort
![](https://images.gutefrage.net/media/user/pagerefresher/1585212734190_nmmslarge__0_0_843_844_0e5b1d6e2de0205d2dde415d313d2e70.png?v=1585212734000)
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