在两种不同的字体大小之间应用CSS过渡时,生成的动画在Firefox中很流畅,但在Chrome中却非常不稳定.
div { font-size: 87.5%; padding: .5em; margin: .5em; transition: font-size .25s ease-in-out .25s, padding .25s ease-in-out .25s, margin .25s ease-in-out .25s; } div:hover { font-size: 100%; }
现场演示: http ://jsfiddle.net/B7Zyp/2/(将鼠标悬停在蓝色边框上)
这是为什么?有没有办法让Chrome动画流畅?