将图像动画到 div vue.js

Question

有没有办法使用 vue.js 动画将图像动画到某个 div？

我基本上想实现一个“添加到购物车”动画，在访问者点击“添加到购物车”的那一刻，产品的图像移动到购物车图标然后消失。当图像在移动时，它的大小应该会越来越小。

vue动画可以做到吗？

Answer 1

tl;博士；

是的

---

我的做法是使用transform css 属性并为translate 和scale 参数设置动画；为了计算位置，我会使用 vue 的 $ref 和/或 $el 实例属性。