jQuery easing vs CSS3 transition - 是否有完全等效的平滑？

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 > http://jsfiddle.net/et6Hg/

我认为你有更好的机会:)