CSS3围绕固定点旋转

CSS3围绕固定点旋转,css,sass,css-transitions,Css,Sass,Css Transitions,我不明白为什么这个旋转木马是围绕浮点旋转的 我想知道是否有人能解释一下这件事 其中隐藏着一个sass循环,它应该定位并旋转每个窗格,它应该围绕中心框的变换原点旋转,中心框看起来不会侧向移动 任何指示都将不胜感激 您将旋转木马元素的宽度设置为200px 然后,该元素具有设置为50%宽度的li 如果不设置任何其他内容,此li将在旋转木马中左对齐。此左对齐使整个旋转偏离轴 例如,您可以将其设置为“自动” .cssanimations.csstransforms3d #carousel li {

我不明白为什么这个旋转木马是围绕浮点旋转的

我想知道是否有人能解释一下这件事

其中隐藏着一个sass循环,它应该定位并旋转每个窗格,它应该围绕中心框的变换原点旋转,中心框看起来不会侧向移动

任何指示都将不胜感激

您将旋转木马元素的宽度设置为200px

然后,该元素具有设置为50%宽度的li

如果不设置任何其他内容,此li将在旋转木马中左对齐。此左对齐使整个旋转偏离轴

例如,您可以将其设置为“自动”

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

(仅添加了最后一个属性)

您可以使用图例!非常感谢。