动画开始的x,y坐标

来源：7-6 播放器展开收起动画（中）

低级前端开花工程师

2018-03-31

老师，我有点不明白，定义的translate3d里面的x,y的坐标并不是页面左下角啊，我们动画怎么就是从左下角到中间了呢，主要就是下面图片的这点 //img.mukewang.com/szimg/5abf1c010001241706430289.jpg

是不是我们动画实在this.$refs.cdWrapper这里运行的然后x,y的坐标是相对于cdWrapper节点的呢

写回答

1回答

ustbhuangyi

2018-03-31

已采纳

css3 animation 动画定义了不同时间的位置，因为是作用在 cdWrapper 上的，一开始要把它偏移到左下方，并且把它缩小，60% 的时候然后再偏移到它最终的位置，但是 scale 变大，100% 的时候恢复到它最终的样子。

Vue2.0高级应用教学实战，开发企业级移动端音乐Web App

Vue.js高级知识应用大集合，实战企业级APP，教你搞定组件化开发。

5432 学习 · 3804 问题

相似问题

回答 1

回答 1

回答 1

回答 1

回答 2