购物车小球动画位移原点

首页课程实战体系课手记专栏慕课教程

购物车小球动画位移原点

来源：

慕粉1635264531

2016-12-26

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

写回答

1回答

ustbhuangyi

ustbhuangyi

2016-12-27

已采纳

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

0

1

慕粉1635264531

非常感谢！

2016-12-29

共1条回复

Vue.js2.5+cube-ui重构饿了么App（经典再升级）

掌握Vue1.0到2.0再到2.5最全版本应用与迭代，打造极致流畅的WebApp

9868 学习 · 4162 问题

相似问题

小球动画中的问题！！！

回答 1

关于小球飞入的几点疑问

回答 1

关于小球动画问题

回答 1

小球下落问题

回答 1

小球飞入问题

回答 1

打开慕课网App查看更多内容