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

Axi*_*ili 6 jquery jquery-ui css3

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

问题是我找不到等效的平滑动画.有没有?

我得到的最接近的是(jQuery easeOutQuad和CSS3默认缓动).

CSS:

#div1 { transition: width 0.5s; }
Run Code Online (Sandbox Code Playgroud)

jQuery的:

$('#div2').animate({'width': 200}, 500, 'easeOutQuad');
Run Code Online (Sandbox Code Playgroud)

http://jsfiddle.net/bzw4q/

但他们仍然不同.

我希望两者同时动画(使用任何好的缓动算法).那可能吗?

Uss*_*nin 2

尝试swing使用ease-in-out> http://jsfiddle.net/et6Hg/

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