javascript - 使用变换的css3动画

Question

如果第一个通过转换属性使用 css3 动画平滑地减少到 0，那么几个行中的第一个 li 不会粘附到下一个。为什么？

工作源代码示例:http://codepen.io/anon/pen/lLpeo

谢谢

Answer 1

因为你使用了scaleX。它实际上并没有改变 li 的大小，而是对其进行了缩放。我认为解决方案是使用 width 属性 http://codepen.io/anon/pen/lIbyC

@-webkit-keyframes 'movement'{
    to {
        width: 0px;
    }
}