问题
In this codepen example: http://codepen.io/DrYSG/pen/ovctn I created three flexboxes. The effect I want is that when one hovers over the middle box, it grows in size (color change in the demo is just to help me know about the hover).
In FireFox v19 this almost works correctly. But it is strange what it picks of the start and end widths of the animation.
In Chrome v25, I am getting rapid unstable oscillation of states (flashing). Really not correct.
In IE10 I get the same transition as FireFox, but no smooth transition.
回答1:
I fixed it. Take a look at the http://codepen.io/DrYSG/pen/ovctn now.
来源：https://stackoverflow.com/questions/15076657/css3-flexbox-transitions