使用Vue.js制作图片到Div的飞入和缩小效果？-灵析社区
雾里大佬们，用vue怎么实现，上面是一个图片，下面是一个div，点击图片飞入到div里面（垂直方向上），且图片慢慢缩小直至消失呢？ translate(0rpx, 100px)，用这个写，慢慢缩小的怎么做呢，且可以飞到div里指定位置
雁过留痕试试这个。
html
js
export default {
data() {
return {
imageY: 0,
imageScale: 1,
transitionDuration: 3000
};
},
methods: {
handleClick() {
this.imageY = 100;
this.imageScale = 0;
}
}
};
css
.box{
width: 200px;
height: 200px;
background: #ccc;
}
img {
width: 100px;
height: 100px;
}