Анимировать изображение в div vue.js

Question

Есть ли способ анимировать изображение для определенного div с помощью анимации vue.js?

Я хочу реализовать анимацию «Добавить в корзину», когда посетитель нажимает «Добавить в корзину».msgstr "изображение товара перемещается к значку корзины и затем исчезает.Пока изображение движется, его размер должен становиться все меньше и меньше.

Можно ли это сделать с помощью анимации vue?

Answer 1

ТЛ;dr;

yes

---

Я бы использовал это свойство transform css и анимировал параметры translate и scale;и для расчета местоположений я бы использовал свойства экземпляра vue $ref и / или $el.