关于用translate做动画一卡一卡的问题

图面在未点击的时候实际只显示中间部分，我让容器overfolw=hidden,然后平移图片实现
这时候有两种思路，一个是利用绝对定位，left,第二个是用translate
但是我用translate的时候，配合transition的动画效果为什么一卡一卡的
绝对定位，left实现就很流畅
不管是哪种平移，都是用得固定宽度

如果一定要用tranlate实现，要怎么优化，因为以前好像也用过scale()配合transition也是有点一卡一卡的

https://blog.csdn.net/yeana1/article/details/52756871

记得加上 transitions

实在不行 尝试用 animate动画搞一波。通过js动态添加加入动画效果的class试试