2013-02-21 79 views
0

使用CSS和JS爲UIWebView製作一些簡單的動畫;使用Chrome進行測試和調試; 對於動畫使用此樣式:IOS不透明度過渡效果不佳

-webkit-transition: opacity 1s ease-out; 

設定不透明度,從0至1; 一切看起來都很好,除了動畫的最終狀態,當最後一個動畫元素()出現時,頁面上的一段隨機文本會變得更大膽。 已經嘗試過不同的解決方案:

-webkit-backface-visibility: hidden; 
-webkit-perspective: 1; 
-webkit-font-smoothing: antialiased; 
opacity: 0.999; 

沒有什麼幫助。

回答

0

閱讀與動畫的問題其他討論後,tryed使用此解決方案:

.flick-fix 
{ 
    -webkit-perspective: 1000; 
    -webkit-backface-visibility: hidden; 
} 

但此類應適用於元素至極的行爲是看起來不是動畫對象怪;