google-chrome - CSS3 FlexBox 过渡

Question

在这个 codepen 示例中：http ://codepen.io/DrYSG/pen/ovctn我创建了三个 flexbox。我想要的效果是当一个人悬停在中间的盒子上时，它会变大（演示中的颜色变化只是为了帮助我了解悬停）。

在 FireFox v19 中，这几乎可以正常工作。但奇怪的是它选择了动画的开始和结束宽度。

在 Chrome v25 中，我得到了快速不稳定的状态振荡（闪烁）。真的不正确。

在 IE10 中，我得到了与 FireFox 相同的过渡，但没有平滑过渡。