1

問題文

ここに示したキューブフリップ変換に触発されました

ユーザーをあるページから別のページにリダイレクトするときに、このような遷移があれば素晴らしいと思いました。

次に、HTMLを調べたところ、スタックされたdivで実行された効果であることがわかりました。

私はこれをhttp://jsfiddle.net/celestialcitizen/WpxX3/14/で複製することができました

現在、私のサイトはTwitterBootstrapを使用して設計されています。そこで、サイトのさまざまなページを1つのページ内のdivとしてスタックすることにしました。http://jsfiddle.net/celestialcitizen/Rt4eR/4/での試行に失敗しました

  1. 誰かが私がそれを修正するのを手伝ってもらえますか?

  2. これらの変換を行う場合でも、ページ/ div内の要素がクリック可能であることを確認できますか?

編集:

これらのJSフィドルは、サファリとFirefox15.0.1で表示する必要があります

4

2 に答える 2

1

遅いことはわかっていますが、最初のレプリケーションのjQuery移植を少し行いました。

http://jsfiddle.net/celestialcitizen/WpxX3/14/

そしてこれが2番目のものです:

http://jsfiddle.net/Rt4eR/11/

navbar-fixed-topブートストラップクラスと面の寸法と配置ですべてを台無しにしているように見えました。

jQuery呼び出しに注意してe.preventDefault()ください。これにより、顔のリンク動作が無効になります(つまり、メニューが必要な場合は削除します)。

于 2013-11-26T17:05:06.067 に答える
0

私が3D変換について行ったこの例は役立つかもしれません、あなたは詳細についてcss / js/htmlを調べることができます

http://www.css3rubikexperiment.net/

あなたの質問に答えるには:

  1. トランジションボックスの視点が間違っている可能性があります。これらのパラメータは良いスタートです。

    -webkit-perspective: 800;
    -webkit-perspective-origin: 50% 90px;
    -webkit-transition: -webkit-perspective, 1s;
    -webkit-transform: scale(0.6);
    
  2. はい、できます。結局、divコンテナについて話します

于 2012-10-31T11:58:41.813 に答える