css - CSS3 过渡 - Javascript 库

Question

有人知道一个小的 Javascript 库，它可以模拟 Firefox 3.6 或 IE8 等浏览器的 CSS3 转换吗？

例子：

-webkit-transition:left 1s ease-in;

我想这样的库很难开发。

这两个支持很多但不支持 CSS3 过渡：

• CSS砂纸
• CSS派

然后我们有Modernizr，但它只进行功能测试。

拥有一个额外的用于 CSS3 过渡支持的迷你库的好处是您不需要编写自己的备份代码。您可以将其插入并确保这些转换在大多数浏览器中都有效。

Answer 1

你可以尝试使用 JQuery 动画来模拟效果，但它仍然需要一些编码。没有什么比 CSS3 转换代码更简单的了；（

Answer 2

我一直在寻找相同的库但没有成功，所以我决定创建它。希望这就是你想要的 - alevkon / smooth。

Answer 3

最近我开源了一个 JavaScript 库，可以帮助你解决你的问题。它并在http://transitionjs.org下发布

它允许您在 JavaScript 元素上快速应用 CSS 过渡，而无需编辑 CSS。例如，要执行您在问题中提到的 CSS 转换，您只需编写：

transitionjs.begin(element, 'left 0px 100px 1s ease-in');

注意：您需要提供过渡的开始和结束值。