css - CSS3 3d のシームレスなトランジション

Question

さて、親作品全体を移行せずに、作業中のカルーセルで 3D トランジションをシームレスにする方法を見つけようとしています。必要な数のスライドで利用できるキューブ効果を作成しようとしています。ここに私がこれまでに持っているものがありますが、シームレスにすることはできないようです: http://jsfiddle.net/wDMHN/4/。ヘルプ！

Answer 1

立方体の各側面を面に対して変換された位置から開始する必要があるため、一方の面を 90 度、もう一方を 180 度、もう一方を 270 度回転させる必要があります。同じ点を中心に回転します。

このリンクをチェックしてください

キーボードを使用して立方体を回転させますが、自動化するのは非常に簡単な変更です。