2012-02-02 61 views
0

我注意到HTML5中的動畫支持存在碎片。我只是想知道是否有什麼可以嘗試解決這個問題?標準HTML5動畫

比如這個演示在這裏,

http://www.webkit.org/blog-files/3d-transforms/transform-style.html 

指定轉換特定於WebKit的。這意味着它適用於Chrome,Android(使用股票瀏覽器),iOS(也使用股票瀏覽器)。

它不能在IE,火狐,Opera移動工作等

此外,我注意到,我的Android 2.3.5沒有正確顯示動畫上演示。

Firefox也發佈了自己的動畫。

我來自silverlight背景,我們的應用程序有很多動畫。我想轉移到HTML5,但這可能是一個問題。

回答

1

對不起讓人失望,但在html5/css3中,一切仍然非常不穩定。瀏覽器很早就實現了功能,以「儘可能的酷」。爲了保留現有腳本的功能,即使標準發生變化,他們也開始在某些時候添加瀏覽器前綴。

現在,你必須在CSS中使用多個動畫定義(其中包括),甚至包括一些JS回退IE9 - IE開始支持IE10中的翻譯(儘管IE9中有一個解決方法是「縮放」)

退房CanIUse.com爲支持的功能快照:http://caniuse.com/transforms2d和硬件加速版本http://caniuse.com/transforms3d 也還挺好的是這樣的資源:http://www.css3files.com/transform/

如果包括5個前綴定義新的瀏覽器後,在標準清晰度將使用它...除此之外:當您嘗試使用花哨的css功能時暗示谷歌它與「跨瀏覽器」轉換,你應該得到鏈接到體面的發電機,直到你知道它的心,直到你努力工作。