将图片动画化为div vue.js

Question

是否可以通过vue.js动画将图像动画化为某个div？

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

这可以通过vue动画完成吗？

Answer 1

tl;博士;

是

---

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