css - 精确测量的解释 css 3d 立方体

Question

我已经根据这个例子创建了一个立方体。 http://css3.bradshawenterprises.com/transforms/#cubecarousel

我需要了解的是如何获得正面的精确尺寸(例如 200 像素)？

通常您定义立方体的面，然后在对象的一半 (50%) 处应用变换，以便对象向前移动。我如何将它推回去，使正面匹配 200 像素？

谢谢

Answer 1

您应该发布您当前的代码。

无论如何，我猜你当前的图像是 200px？

然后考虑到(从您的链接):

A 3D image slider
Note that because of the way a cube works, the image is moved out towards the screen, and is bigger than it should be. You should move it back by half the width of an image to make sure it is normal size.

如果您将立方体向后平移 100 像素(宽度的一半)，您的图像将恰好为 200 像素。

如果你的图片不是 200px，一定要贴出你的代码