PolyFill / Shim用于CSS过渡和动画

时间:2011-03-17 20:19:56

标签: javascript html css polyfills css-transitions

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

我发现this workWeston Ruter,但它暂时没有更新,并使用浏览器检测而不是功能检测。

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

有没有人知道要填写此功能的任何好库?最好能与Modernizr一起使用并且仍在积极开展工作的东西。到目前为止,最好的选择看起来就像韦斯顿提出的那样。

2 个答案:

答案 0 :(得分:20)

jQuery有一个非常好的CSS3过渡polyfill名为jQuery.transition

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

答案 1 :(得分:5)

Google的Polymer Project包含Web Animations规范草案的W3C Web Animations填充。

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

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