我做了既现代浏览器和旧的浏览器也滑块。 我用translate3d和过渡,使动画在支持CSS3的现代浏览器。 我用2D前,左,旧的浏览器功能缓和。 我使用CSS3从这里宽松:
http://matthewlein.com/ceaser/
我想将其转换为JavaScript函数使用旧的浏览器。 我知道有很多宽松的功能在那里,但我只是想知道如何转换。 可能吗?
我做了既现代浏览器和旧的浏览器也滑块。 我用translate3d和过渡,使动画在支持CSS3的现代浏览器。 我用2D前,左,旧的浏览器功能缓和。 我使用CSS3从这里宽松:
http://matthewlein.com/ceaser/
我想将其转换为JavaScript函数使用旧的浏览器。 我知道有很多宽松的功能在那里,但我只是想知道如何转换。 可能吗?
您可以使用jQuery的BEZ插件三次Bezier渐变效果jQuery中:
演示: http://jsfiddle.net/SO_AMK/sbZ7a/
jQuery的:
$("#box").click(function() {
$(this).animate({
"margin-left": 200
}, 2000, $.bez([0.685, 0.595, 0.020, 0.720]));
});
// Take the Ceaser output and put the values in, in order, like above. i.e. cubic-bezier(0.685, 0.595, 0.020, 0.720) would end up as the above value
插件: https://github.com/rdallasgray/bez
我知道答案已经被接受,但我想与大家分享另一个伟大的jQuery插件适用于缓解动画。
http://ricostacruz.com/jquery.transit/