css - 动画图像到 div vue.js

Question

有什么方法可以使用 vue.js 动画将图像动画化到某个 div 吗？

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

这可以用vue动画来做吗？

Answer 1

;博士;

是的

---

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