chrome中的font-size css3过渡不顺畅

时间:2014-01-21 10:55:41

标签: html css css3

我为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的例子吗?

1 个答案:

答案 0 :(得分:-1)

您可以使用

text-shadow: 0.0em 0.0em 0.07em rgba(0,0,0,0.5);

link& link2