css - 正確な測定 css 3d キューブの説明

Question

この例に基づいてキューブを作成しました。 http://css3.bradshawenterprises.com/transforms/#cubecarousel

私が理解する必要があるのは、向かい側の正確な測定値 (たとえば 200px) を取得するにはどうすればよいかということです。

通常、立方体の面を定義してから、オブジェクトの半分 (50%) に変換を適用して、オブジェクトが前方にシフトされるようにします。向いている側が200pxに一致するように、どのように押し戻すのですか?

ありがとうございました

Answer 1

現在のコードを投稿する必要があります。

とにかく、あなたの現在の画像は 200px だと思いますか？

次に、それを考慮して（リンクから）：

3D 画像スライダー
立方体の動作方法により、画像が画面に向かって移動し、本来よりも大きくなることに注意してください。通常のサイズになるように、画像の幅の半分だけ後ろに移動する必要があります。

立方体を 100 ピクセル (幅の半分) 後方に移動すると、画像は正確に 200 ピクセルになります。

画像が 200px でない場合は、必ずコードを投稿してください