如何在Web端实现动画切换效果一致的无限循环图片轮播？

Question

具体问题是这样的，我想要一个能无限循环播放图片的轮播，重点是播放完一轮后，跳回第一张时，切换效果应该和之前一样。即如果动画是从左到右切换的，那么最后一张切换到第一张时，也应该是这个效果。在网上找了很多jQuery的轮播插件，但都不能满足我所想要的效果。Bootstrap的Carousel倒是能用，但源码看不懂。HTML代码大致如下：CSS关键代码：.carousel{height:120px;overflow:hidden;}.slide{height:120px;transition:all.4sease-in;}jQuery关键代码：$('.slide').each(function(){$(this).css('transform','translateY('+(i)*-100+'%)');})我所写的这个，最后一张是transform:translateY(-300%);，然后就变成了transform:translateY(0%);,所以动画的方向变反了。这样的写法似乎无法解决这个问题，是否有其他的轮播图写法？