请教一下各位大佬，这样的动画效果，用 vue 应该怎么实现

[zhongpingjing]

公司的前端走了，要我一个后端来实现这几个动画。

具体的数据都是一个列表，列表展示的时候分为几段，要求列表每一项都进行翻转，翻转完后展示下一段

效果如图。 不知道有没有现存的库可以调用？

感谢各位大佬的回复

[duan602728596]

这个和 vue 没关系，用 css 动画做

[shintendo]

有一说一，真的丑

[wgbx]

animate.css 中的 flipInX，有一说一，真的很丑

[shakaraka]

U1S1，丑

这个是 css 做的，无非就是定义个 sytle，用 transform: rotateX(90deg)翻转就行了。具体翻转和更改数据的时机你自己决定就行了

[xrr2016]

这种叫交织动画 , 如果列表项数量固定就还好，看看 anime.js

[linkopeneyes]

这个跟 vue 没啥关系,顶多用一下 transition-group 标签,可以用 animate.css https://animate.style/找一下是那个效果,
u1s1 真的丑

[musi]

css 做动画，js 控制数据和动画显示，不过是真的丑

[dinjufen]

丑+10086

[96412hj]

这设计咋想的，想让用户看啥呢，一直闪，用户体验太差了，抓不到重点

[ETiV]

https://www.codeseek.co/preview/vOxdMj

你们可能是想模仿这种效果吧…

[VDimos]

rotate3D，这个好丑。。。

[soulmt]

什么玩意？ 这特效不止丑，而且很土... 配色也很非主流

[mwVYYA6]

再招一个前端呀

这设计是真的丑，翻面都影响到用户看信息了🙃

[zhongpingjing]

@shintendo @wgbx @wunonglin @sjhhjx0122 @musi @96412hj @VDimos @mwVYYA6 hhh,我也觉得好丑，奈何领导审美跟我不一样

[zhongpingjing]

@xrr2016 嗯，谢谢 ，都不知道这些动画叫什么名字，列表数量是固定的

[airfling]

数据展示的界面最好不要动态变化的

[justin2018]

感觉不要效果好 看 gif 看了半天都没看到内容是啥 😅

[azcvcza]

研究 CSS 的 transform 效果

[jon]

给我好好展示数据啊!

[burryLove]

css 的效果,,css3 有动画效果,,学好 css,很简单