公司的前端走了,要我一个后端来实现这几个动画。
具体的数据都是一个列表,列表展示的时候分为几段,要求列表每一项都进行翻转,翻转完后展示下一段
效果如图。 不知道有没有现存的库可以调用?
感谢各位大佬的回复
![]() | 1 duan602728596 2020-08-03 17:03:14 +08:00 这个和 vue 没关系,用 css 动画做 |
![]() | 2 shintendo 2020-08-03 17:05:12 +08:00 有一说一,真的丑 |
![]() | 3 wgbx 2020-08-03 17:09:28 +08:00 animate.css 中的 flipInX,有一说一,真的很丑 |
![]() | 4 shakaraka PRO U1S1,丑 这个是 css 做的,无非就是定义个 sytle,用 transform: rotateX(90deg)翻转就行了。具体翻转和更改数据的时机你自己决定就行了 |
![]() | 5 xrr2016 2020-08-03 17:15:59 +08:00 这种叫交织动画 , 如果列表项数量固定就还好,看看 anime.js |
![]() | 6 linkopeneyes 2020-08-03 17:22:50 +08:00 这个跟 vue 没啥关系,顶多用一下 transition-group 标签,可以用 animate.css https://animate.style/找一下是那个效果, u1s1 真的丑 |
![]() | 7 musi 2020-08-03 17:26:03 +08:00 via iPhone css 做动画,js 控制数据和动画显示,不过是真的丑 |
![]() | 8 dinjufen 2020-08-03 18:26:20 +08:00 丑+10086 |
![]() | 9 96412hj 2020-08-03 18:30:41 +08:00 这设计咋想的,想让用户看啥呢,一直闪,用户体验太差了,抓不到重点 |
![]() | 10 ETiV 2020-08-03 18:45:24 +08:00 |
11 VDimos 2020-08-03 18:51:34 +08:00 via Android rotate3D,这个好丑。。。 |
12 soulmt 2020-08-03 18:55:07 +08:00 什么玩意? 这特效不止丑,而且很土... 配色也很非主流 |
![]() | 13 mwVYYA6 2020-08-03 19:05:10 +08:00 via Android 再招一个前端呀 这设计是真的丑,翻面都影响到用户看信息了 |
![]() | 14 zhongpingjing OP |
![]() | 15 zhongpingjing OP @xrr2016 嗯,谢谢 ,都不知道这些动画叫什么名字,列表数量是固定的 |
16 airfling 2020-08-03 19:52:22 +08:00 数据展示的界面最好不要动态变化的 |
![]() | 17 justin2018 2020-08-03 20:23:29 +08:00 感觉不要效果好 看 gif 看了半天都没看到内容是啥 |
18 azcvcza 2020-08-04 09:04:54 +08:00 研究 CSS 的 transform 效果 |
19 jon 2020-08-05 14:05:53 +08:00 给我好好展示数据啊! | /tr>
![]() | 20 burryLove 2020-08-10 10:20:38 +08:00 css 的效果,,css3 有动画效果,,学好 css,很简单 |