0

JavaScript を使用しないチュートリアル (純粋な CSS3) を探しています。iPhone 用に 2 つのページ (page1.html、page2.html) を作成し、CSS3 と -webkit-properties を使用しています。

これらのサイトを接続するために、次へボタンと戻るボタンを作成しました。次のボタンをタップすると page2.html が読み込まれ、戻るボタンをタップすると page1.html が読み込まれます。

これはこれまでのところ機能しています。

このデモのようなフリップ効果を得るために、さらにいくつかの -webkit-properties を使用してみたいと思います。

したがって、次のボタンをクリックすると、page2.html が反転する必要があります。戻るボタンをクリック/タップすると、page1.html が反転する必要があります。

私はこれが初めてで、ここで助けを得たいと思っています。私の問題を扱っているチュートリアルを知っていますか?

もう 1 つ頭に浮かんだ質問は、page2.html を個別にロードできるかどうか、または page1.html と page2.html のコンテンツを含むページを 1 つだけ作成する必要があるかどうかということでした。

4

2 に答える 2

0

フリップコンテンツを含む2つのセクション/divを含む1つのページのみを作成する必要があります。次に、transform: rotateY…を使用できます。または、2番目のページをAXAJなどでロードすることもできますが、私の理解ではCSSであるため、すべてを2つのセクション/divを持つ1つのページに配置する必要があります。

于 2010-11-17T11:36:25.397 に答える
0

インターウェブにはページめくりのデモがたくさんあります。これは私たちが行ったものです これはローマのコルテスのものに触発されたものです - フリップよりもスクイーズを使用するものがあります.

于 2010-11-18T18:30:33.297 に答える