css3 - 将图片动画化为div vue.js

标签 css3 vue.js vuejs2 css-animations

是否可以通过vue.js动画将图像动画化为特定的div?

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

vue动画可以做到吗?

最佳答案

tl;博士





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

关于css3 - 将图片动画化为div vue.js,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55070045/

相关文章:

html5 - 融合具有透明背景和框阴影的重叠元素

html - 使用flexbox时,子div高度应等于其父高度

javascript - 即使注册通过并登录用户,解析服务器js也无法登录用户

vue.js - 如何在vue组件对象中访问 parent 的 Prop 值(value)?

javascript - v-on :change. native 没有绑定(bind)到父组件 : Vue. js

php - 301在同一个域/网站内重定向

html5 - 在手机上启动Bootstrap 3

javascript - 在 Vue.js 中,更改数据数组中所有项目的特定属性值

javascript - Vue2.4 +编译组件行为

javascript - 在 Vue 2 路由器中设置嵌套的可选参数