google-chrome - CSS3 FlexBox过渡

标签 google-chrome css3 css-transitions flexbox

在以下代码笔示例中:http://codepen.io/DrYSG/pen/ovctn我创建了三个flexbox。我想要的效果是,当一个鼠标悬停在中间框上时,它的大小会增大(演示中的颜色变化只是为了帮助我了解该悬停)。

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

在Chrome v25中,我会迅速出现不稳定的状态振荡(闪烁)。真的不正确。

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

最佳答案

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

关于google-chrome - CSS3 FlexBox过渡,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15076657/

相关文章:

javascript - chrome - 输入 ["file"] click() 在选择元素 'onchange' 触发时不起作用

java - 测试通过后关闭浏览器

html - 复杂的设计模式-重叠透明形状?

html - 仅CSS的砌体布局

html - 居中和右对齐flexbox元素

javascript - Google Chrome 扩展操作打开或当前选项卡的 DOM

google-chrome - Charles proxy - 如何在 Chrome 中使用 map 本地工具

css3 过渡在歌剧中无法正常工作

CSS3 : Hover effect with opacity on div's and text

css - 为什么我的 CSS 转换不起作用?