2012-08-27 125 views
2

我曾經嘗試都CSS轉換(翻譯)閃爍

-webkit-backface-visibility: hidden; 

而且

-webkit-perspective: 1000; 

解決在過渡觸發這種情況發生的閃爍,但沒有任何工程。 有沒有其他方法可以解決這個問題?

+0

你能提供一個鏈接嗎?你是否嘗試添加一個css3過渡時間,甚至如果你想要它幾乎是瞬間的100毫秒? – matt

+0

是的,一個工作鏈接將有所幫助。另外,在什麼瀏覽器? IOS通常會出現這些問題。 – mddw

回答

2

這是相當不科學的,但嘗試添加-webkit-transform: translate3d(0, 0, 0);

應該沒有什麼區別(0,0,0翻譯的意思是「什麼也不做」畢竟),它可能會在將來沒有什麼區別,但它有時會強制3D加速以可以消除動畫和過渡的方式使用。我發現它很好地整理了一些在safari中可怕閃爍的動畫。 (在iPad上Safari瀏覽器真的非常可怕)。

這有點兒九十年代魔法字添加到網頁,但它有時可以工作。