CSS3 FlexBox转换

在此codepen示例中：http://codepen.io/DrYSG/pen/ovctn我创建了三个柔性盒。我想要的效果是，当一个人在中间的盒子上移动时，它的大小会增加（演示中的颜色变化只是为了帮助我了解悬停）。CSS3 FlexBox转换

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

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

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

来源

2013-02-25 Dr.YSG

我不认为你可以为FF或Opera做很多事情，他们在这里的行为大致相同。我确实在'.fixed'的默认状态下尝试了'min-width：400px'，但是离开悬停状态的大小调整动画停止运行。你只是缺少一些Chrome的前缀：http://codepen.io/cimmanon/pen/CBEnK。我无法帮助您使用IE浏览器。 – cimmanon 2013-02-25 22:24:05

我修好了。现在看看http://codepen.io/DrYSG/pen/ovctn。

来源

2013-05-24 16:44:05

在IE10中顺利过渡有什么好运气？ – 2013-09-30 21:26:59

刚试过IE11，它仍然是一个非动画的运动。欢迎您提出解决方案并查看是否可以获得结果。 – 2013-10-02 14:05:09

增加了最小/最大宽度，它在IE11上看起来很好http://codepen.io/anon/pen/HiwdL – simoncereska 2014-01-20 14:41:31

CSS3 FlexBox转换

回答

相关问题