1

turnjs プラグインでは、グラデーションはデフォルトで常に true に設定されています。

$('#magazine').turn({勾配: true, 加速: true});

しかし、グラデーションはフリップブックには表示されません。本の真ん中にグラデーションがあるはずです。さらに、ページの div (パラパラ漫画のページ) からいくつかのクラスが欠落しています。ページの左側と右側にそれぞれ奇数と偶数のクラスもありません。しかし、これらのクラスはスタイリングにとって非常に重要です。そして、turnjs のフリップブックをレスポンシブにするためのヒント..

実際に、内部の turn.js プラグイン コード フォームで、いくつかのグラデーション クラスが作成されているのを見ました。オプションでは、プラグインでグレードイントを初期化していますが、機能していません..

note: using third release of turnjs
4

2 に答える 2

1

これは私が使用しているものです：

#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;
}
于 2016-12-06T17:27:00.453 に答える