.parent{width:400px;height:100px;display:table}

.parent div{display:table-cell;border:1px solid #000;
    -webkit-transition:width 1s;width:20%}

.parent:hover div{width:10%}
.parent div:hover{width:60%}

您需要手动计算百分比以获得最佳效果.演示：

http://jsbin.com/ubucod/1