为何translate的运动在结束的时候始终有点抖动？

element.css({
    'transition-timing-function': 'linear',
    'transition-duration': '5000ms',
    'transform': 'translate3d(-' + (width * 2) + 'px,0px,0px)' //设置页面X轴移动
});

我改成了这样的写法：

element.css({

transition:'transform 5s linear',

transform:'translateX(-'+(width*2)+'px)'

});

效果都是一样的，前面平滑，快结束的时候有点抖动或者卡顿？