jQuery动画旋转和滚动文本在中间较快，但在结束问题时较慢

Question

我正在使用jquery动画函数来动画我的文本，如果度数通过，我也想旋转文本，或者0度表示没有旋转，所以我使用了以下代码：

var leftCss = "-"+$('#mydiv').width();
var leftAnt = $('#mydiv').parent().width();
$('#mydiv').each(function () {this.xpos =  leftCss; })
           .animate({  xpos: leftAnt}, {
                duration:10000,
                step: function (now) { 
                   var scaleVal =parseInt( now);
                   $(this).css('transform','rotate(0deg) translateX('+scaleVal+'px) translateY('+$('#mydiv').height()+'px)'); 
                },
            },'linear');

https://jsfiddle.net/nufafjjs/1/

但它在中间速度很快，结束时速度会变慢，但我希望它始终保持相同的速度。不理解这个问题？另外，还有一个问题是旋转> 90度是从框中隐藏文本。

谢谢