公司的前端走了,要我一个后端来实现这几个动画。
具体的数据都是一个列表,列表展示的时候分为几段,要求列表每一项都进行翻转,翻转完后展示下一段
效果如图。 不知道有没有现存的库可以调用?
感谢各位大佬的回复
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
wunonglin 2020-08-03 17:11:55 +08:00
U1S1,丑
这个是 css 做的,无非就是定义个 sytle,用 transform: rotateX(90deg)翻转就行了。具体翻转和更改数据的时机你自己决定就行了 |
5
xrr2016 2020-08-03 17:15:59 +08:00
这种叫交织动画 , 如果列表项数量固定就还好,看看 anime.js
|
6
sjhhjx0122 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
给我好好展示数据啊!
|
20
burryLove 2020-08-10 10:20:38 +08:00
css 的效果,,css3 有动画效果,,学好 css,很简单
|