标准的HTML5动画

Question

我注意到HTML5中的动画支持存在碎片。我只是想知道是否有任何尝试解决这个问题？

例如这个演示，

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

指定特定于webkit的转换。这意味着它适用于Chrome，Android（使用股票浏览器），iOS（还有股票浏览器）。

它不适用于IE，Firefox，Opera Mobile等。

另外我注意到我的Android 2.3.5没有在该演示中正确显示动画。

Firefox也发布了自己的动画。

我来自silverlight背景，我们的应用程序有很多动画。我想转向HTML5，但这可能是一个问题。

Answer 1

很抱歉令人失望，但在html5 / css3中，一切仍然高涨。浏览器很早就实现了“尽可能酷”的功能。为了保留现有脚本的功能，即使标准发生变化，他们也会在某些时候开始添加浏览器前缀。

现在你必须在CSS中使用多个动画定义（以及其他），甚至包括IE9的一些JS回退 - 因为IE开始支持IE10中的翻译（尽管在IE9中有一个“缩放”的解决方法）< / p>

查看CanIUse.com，了解支持功能的快照：http://caniuse.com/transforms2d和硬件加速版本http://caniuse.com/transforms3d 这个资源也很好：http://www.css3files.com/transform/

如果您在5个前缀定义之后包含标准定义，则较新的浏览器将使用该标准定义...除此之外：当您尝试使用花哨的css功能时，只需将其与“跨浏览器”联系起来即可获得链接对于那些为你努力工作的体面的发电机，直到你明白它为止。