js动画效果实现

Question

妙味课堂首页的logo部分的鼠标悬浮，有一条横线从左到右快速划过，如何去实现
妙味课堂首页如下：
http://www.miaov.com/

运动框架如下：

我的想法是用运动框架将logo里面的横线span标签的left值从-100px,变化到270px,但是通过运动框架做出来的是缓冲运动，而且运动的速度非常慢，要等好几秒，接近10秒才能完成动画效果，所以想请大家看看这个动画应该怎么实现