ページ フリップ turn.js で問題に直面しています
- 奇数ページと偶数ページの両方に box-shadow を設定しましたが、最初の実行では奇数ページのボックス シャドウが表示されます。2 回目のページめくりの時点で、ボックスの影は表示されません。いつでも見えないページでも。
- ページの左余白を設定しましたが、ページがずれません。
#flipbook{
width:400px;
height:300px;
margin-left:100px;
}
#flipbook .odd{
background:-webkit-gradient(linear, right top, left top, color-stop(0.95, #FFF), color-stop(1, #DADADA));
background-image:-webkit-linear-gradient(right, #FFF 95%, #C4C4C4 100%);
background-image:-moz-linear-gradient(right, #FFF 95%, #C4C4C4 100%);
background-image:-ms-linear-gradient(right, #FFF 95%, #C4C4C4 100%);
background-image:-o-linear-gradient(right, #FFF 95%, #C4C4C4 100%);
background-image:linear-gradient(right, #FFF 95%, #C4C4C4 100%);
-webkit-box-shadow:inset 0 0 5px #666;
-moz-box-shadow:inset 0 0 5px #666;
-o-box-shadow:inset 0 0 5px #666;
-ms-box-shadow:inset 0 0 5px #666;
box-shadow:inset 0 0 5px red;
}
私はどこで間違っていますか？ JSFiddle