PolyFill/Shim用于CSS过渡和动画

Question

谷歌在这方面让我失望(我认为因为PolyFill/Shim/Spackle的术语目前是新的和多样化的).我正在尝试为webkit找到一个好的JavaScript PolyFill或Shim(现在从RC FireFox 4开始)CSS转换.

我找到了Weston Ruter所做的这项工作,但它暂时没有更新,并且使用浏览器检测而不是功能检测.

我也发现了FakeSmile,但它主要面向SVG动画.

有谁知道任何好的库来填写这个功能？最好能与Modernizr合作并且仍在积极开展工作的东西.到目前为止,最好的选择看起来就像韦斯顿提出的那样.

Answer 1

jQuery有一个非常好的CSS3过渡polyfill叫做jQuery.transition.

你可以在jQuery中使用通常的animate()方法,它会自动使用CSS3转换(如果可用),如果没有,它将回退到vanilla jQuery.

这与OP正在寻找的方式相比有点落后,但无论如何都是+1,因为在很多情况下你确实需要JavaScript中的这个功能而不是CSS.(有些情况下,CSS更合适,例如在普通和`:hover`状态之间转换.) (9认同)
我知道,但最好的polyfill实际上是这样的.另一种方法是加载和解析样式表,并提取转换参数并将它们转换为JavaScript.一些非常耗费资源的东西. (2认同)

Answer 2

谷歌的聚合物项目包括网页动画填充工具的草案W3C的Web动画规范.

警告: 这是相当早期的工作,因为W3C规范只是一个公共工作草案,所以任何事情都可能改变.此外,聚合物polyfill看起来他们只针对最新版本的浏览器(例如IE10 +),因此它可能不适合您的需求.不过,这是项目的早期阶段,所以要密切关注它并进行实验.

如果您仔细测试用户所在的平台,您今天就可以利用未来的网络.