CSS3围绕固定点旋转

Question

我无法弄清楚为什么这个旋转木马会围绕浮点旋转。

我想知道是否有人可以对此有所了解。

在那里隐藏着一个sass循环，它应该定位和旋转每个单独的窗格，这应该围绕一个中心框的变换原点旋转，它似乎不会向侧面移动。

任何指针都非常有用！

http://codepen.io/anon/pen/fjKtv

Answer 1

您将#carousel元素设置为宽度为200px。

然后这个元素的li被设置为50％的宽度。

如果您没有设置任何其他内容，则此li会在#carousel中保持对齐状态。左对齐使完整旋转成轴外。

您可以将设置边距修改为自动，例如

.cssanimations.csstransforms3d #carousel li {
    -webkit-transition: 2s;
    -moz-transition: 2s;
    transition: 2s;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    width: 50%;
    margin: auto;
}

（仅添加了最后一个属性）