字體大小的css3過渡不光滑鉻

我創建了一個非常簡單的動畫爲h1標記，動畫使用css3font-size轉換。字體大小的css3過渡不光滑鉻

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例子嗎？

來源

2014-01-21 Emil A.

可以定義光滑？它似乎在我的運行良好，但只是檢查你的平滑的定義是什麼 – Marriott81

@ Marriott81正如我所見，FF的過渡似乎有更多的FPS比CH。例如。就像在CH中一樣，動畫是12fps，FF是24fps。 – Arkana

-1

可以使用

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

看到這個link & link2

來源

2014-01-21 11:06:03

字體大小的c​​ss3過渡不光滑鉻

回答

相關問題

字體大小的css3過渡不光滑鉻