CSS3 と jQuery で 3D カルーセルを作成しています。これは私のコードです。
現在、私の問題は、この CSS コード行をmainクラスに設定すると、場所とすべてのズームが変更されることです。
-webkit-transform: rotateY(20deg) ;
私の質問は、main他の変更を加えずにクラスを回転させる方法ですか?
2 に答える
1
これは非常に興味深い問題です。私は Google Chrome を使用しており、Safari ではテストしていませんが、-webkit-transform を使用すると、少なくとも Chrome で新しいペイント スタックが作成されるようです。気がつけば、<div class="main">もう高さがありません。要素の内容が親から抽象化されているかのようです。
いずれにせよ、パーセンテージ (500px など) の代わりに静的な高さを指定し、負のマージンを削除すると (とにかく何もしないように見えます)、再び表示されることに気付きました。
于 2012-08-07T21:56:45.893 に答える
1
問題は、.main の -1000px マージンです。それを取り除くと、その DOM 要素に回転を適用し始めることができます。
負の角度を使用して回転してみてください。
于 2012-08-07T22:00:19.570 に答える