使用转换的css3动画

Question

如果第一个li通过css3动画通过transform属性平稳地减小为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;
    }
}