CSS3围绕一个固定点旋转

【问题标题】：CSS3 rotate around a fixed pointCSS3围绕一个固定点旋转
【发布时间】：2013-12-18 06:13:54
【问题描述】：

我不明白为什么这个轮播围绕一个浮点旋转。

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

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

任何指针都会非常感激！

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

【问题讨论】：

标签： css sass css-transitions

【解决方案1】：

#carousel 元素的宽度设置为 200 像素。

那么这个元素的 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;
}

（仅添加最后一个属性）

【讨论】：

你的传奇！谢谢