2017-09-19 46 views
1

我目前正在開發一個將通過iOS webview顯示的html5應用程序。爲了使用iPad的硬件加速,我已經向所有動畫元素應用了iOS中的CSS不透明度轉換webview

transform: translate3d(0,0,0); 

。這工作正常,但我可以看到不同的情況,但是,每當en元素具有不透明度過渡時(即淡入/淡出),即使元素已應用translate3d,它仍然非常不連貫。我做錯了什麼,或者有什麼不同的方法來優化iOS的opaicty轉換?

回答

1

可能使用這樣的:

-webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */ 
backface-visibility: hidden; 
+0

謝謝你,我會給一個嘗試。我是否應該只將它添加到我要針對淡入/淡出的父div中,還是將其添加到所有它的子項? – user1391152

+0

僅用於具有transform的元素:translate3d(0,0,0); –