css3动画使用变换

Question

如果第一个使用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;
    }
}