CSS3 过渡 - Javascript 库答案

【问题标题】：CSS3 transitions - Javascript libraryCSS3 过渡 - Javascript 库
【发布时间】：2011-01-09 01:53:17
【问题描述】：

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

例子：

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

我想这样的库很难开发。

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

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

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

【问题讨论】：

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

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

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

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

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

【讨论】：