jQuery缓动与CSS3过渡 - 是否存在完全等效的平滑？

Question

我正在使用jQuery动画和CSS3过渡。

问题是我无法找到等效的平滑动画。有没有？

我得到的最接近的是（jQuery easeOutQuad和CSS3默认缓动）。

CSS：

#div1 { transition: width 0.5s; }

jQuery的：

$('#div2').animate({'width': 200}, 500, 'easeOutQuad');

http://jsfiddle.net/bzw4q/

但他们仍然不同。

我希望两者同时动画（使用任何好的缓动算法）。这可能吗？

Answer 1

尝试使用swing和ease-in-out＆gt; http://jsfiddle.net/et6Hg/

我认为你有更好的机会：）

Answer 2

此处http://easings.net获取匹配的cubic-bezier。