使用轉換的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;
    }
}