购物车小球动画位移原点

Question

通常translate位移时原点是开始移动时的元素中心，为 translate3d(0,0,0), 位移结束时一般是 translate3d(x, y,0)。这里购物车小球的动画过程是相反的，结束时位移为 (0,0,0), 动画开始时是 (0,y,0)及inner类的 (x, 0, 0)。这个过程有点难理解。

Answer 1

ustbhuangyi 2016-12-27 02:50:21

因为小球最终状态为 translate3d (0,0,0)，动画一开始就是要把他设置有位移，之所以有 inner 是为了让它有抛物线的效果~

• 提问者 慕粉1635264531 #1

  非常感谢！