フロントとバックのdivを常に同じ方向に反転させようとしています。私はCSSとJavaScriptでフリップを実装しましたが、右に回転させてから左に戻すのではなく、常に回転させる方法を考えるのは苦労します。css3トランジションを常に同じ方向に回転させます
私は基本的にfollwing CSS
/* flip speed goes here */
.flipper {
-webkit-transition: 0.6s;
-webkit-transform-style: preserve-3d;
-moz-transition: 0.6s;
-moz-transform-style: preserve-3d;
-o-transition: 0.6s;
-o-transform-style: preserve-3d;
transition: 0.6s;
transform-style: preserve-3d;
position: relative;
border-radius: 5px;
-webkit-border-radius: 5px;
padding: 5px;
margin-left: 3px;
z-index: 3;
width: 160px;
height: 145px;
display:block;
}
でのdivを使用して、ユーザーがそれをクリックしたとき、私はクラスを追加し、このCSSを変更するDIVに「裏返し」:
/* flip the pane when hovered */
.flip-container.flipped .flipper {
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
}
私はちょうど回転角度を増やすべきですか?他のアイデア?ここで
は、私はそれを変換して行うことができることはないと思う現状とfiddle
http://jsfiddle.net/7WgKL/ 2/ – tmaximini
http://stackoverflow.com/questions/2584138/css3-continous-rotate-animation-just-like-a-loading-sundialこれを見ましたか? –
こんにちはアレックス、これを見たことがないが、これは本当に私の質問に答えることはありません。問題は180度から0度に戻ったときに回転の方向が変わることです。 – tmaximini