Vue3如何实现像这个网站的图片自动切换效果?-灵析社区

雁过留痕

## Vue3如何实现像这个网站的图片自动切换效果 [https://fortnite.gg/shop](https://link.segmentfault.com/?enc=8wprmBCXT%2BscU2%2Fb9kLWng%3D%3D.EBPrLfor7y5UV4dlszIv4K%2FAtffMAa1U0DI22j%2FwdIY%3D) 这是我写的template {{index}} {{ item.name }} {{item.price}} 查看了该网站的效果是设置了两个class="animation"的盒子来做链接切换并且调整高度,但是我的每个item的图片数量不确定,有的为1,有的为2,3个,实在想不出来应该怎么实现了,可以请教大佬们一下思路吗 * * *

阅读量:151

点赞量:0

问AI
脑袋困掉惹
看了@Yummy大佬的回答应该是正确的思路. 自己用mask写了一样的效果,思路就是调整Z轴切换最上层图片,在最上层图片添加MASK路径动画,也受到掘金大佬(飞叶_前端)文章的启发 "https://codepen.io/veLve-L/pen/xxBdNWW" (https://codepen.io/veLve-L/pen/xxBdNWW)