css - CSS3 複数のキューブ

Question

単一のコンテナーに複数の回転キューブを入れようとしています。立方体に float 値を追加すると、立方体の回転が変更され、その結果、立方体はわずかにタイトルの付いた方向に回転します。

今、立方体が斜めに回転していて、横から見ているように見えます。現在そこにある傾きなしで X 方向に回転させたい (あたかも顔の真正面にいるかのように)。

ここでコードを確認してください - http://codepen.io/iakshay/pen/iFhLH

Answer 1

あなたが抱えている問題は、あなたのdivの中心があなたが期待する場所ではないということです。

コンテナーの幅は 100% ですが、立方体は数百ピクセルしかカバーしていません。

やりたいことに応じて (質問からは明らかではありません)、コンテナーを狭めるか、キューブをオフセットします。