私は現在、私が作成している少し探しているゲームにこのセットアップを持っています:
私はturn.js本の効果を作成するために使用しています。
本を閉じている間、本の内容が見えないようにしたい - >表紙はページの背景と同じ背景を持つべきです。
カバーが開いたときに表示されるはずです。
これは色で簡単ですが、背景として写真が必要です。
したがって、理想的には、この行<div class="hard"> Cover </div>はコンテンツ レイヤーを無視し、背景を背景として直接表示する必要があります。
これは、領域の背景画像とこの div のサイズを切り取り、これを背景として追加するか、jquery 関数を実行して、カバーが閉じている間にコンテンツを非表示にすることで実行できることを知っていますが、css を探していますここで唯一の解決策。
これはcssで行うことができますか？
編集: 今、同じ背景画像をdivにオフセットして配置するだけで、私が望むものを達成しました:
問題は、これらの「めくる本」を 1 ページに複数配置したいのですが、このようなかなり巨大な画像を複数回読み込んで使用すると問題が発生するのでしょうか、それとも問題ではありませんか?