vue如何实现一个鼠标移入图片放大动画

功能和下面链接里的最新文章里的一样!直接放大我会,但是有个动画效果(慢慢放大不会)

axure.com.cn

 

大意了,直接方法貌似也不会。。。

先定义一个类,用来设置放大,再加一个transition,鼠标移上去后,让那个类显示不就可以了嘛

https://cn.vuejs.org/v2/guide/transitions.html#CSS-动画

hover时  

transform: scale(2);transition: all .3s;

给你推荐一个博客地址,有一些常用的css动画效果demo----------https://blog.csdn.net/weixin_51755206/article/details/112857508