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

Question

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

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

Answer 1

*{-webkit-backface-visibility: hidden;}