我为h1
标签创建了一个非常简单的动画,动画使用css3
font-size
转换。
http://jsbin.com/oPIQoyoT/1/edit
h1 {
position: relative;
width:500px;
height: 500px;
font-size: 3em;
transition: font-size 0.5s ease-in;
margin: 0 auto;
}
h1:hover {
font-size: 4em;
}
在Firefox中看起来非常流畅,但是镀铬无法正常渲染。
我已经尝试将位置设置为绝对位置,定义宽度,高度,但这些都没有真正帮助。
如何在Chrome中像在Firefox中一样顺畅?你能提供一个jsbin的例子吗?