这个前端特效是用什么实现的?

2017-09-29 15:44:11 +08:00
 hanzichi

看到个炫酷的翻页特效,求问是怎么实现的(或者什么库实现的?)

地址 https://xqin.net/#!/10 (翻页)

1416 次点击
所在节点    问与答
5 条回复
WenJimmy
2017-09-29 15:46:01 +08:00
css3 动画啊
shengchao
2017-09-29 15:49:56 +08:00
额,很炫酷吗?简单的 css3 动画
hanzichi
2017-09-29 15:50:47 +08:00
@WenJimmy
@shengchao 求具体思路
WenJimmy
2017-09-29 15:54:05 +08:00
@hanzichi #3 react 的不知道,vue 文档里有个列表过渡 https://cn.vuejs.org/v2/guide/transitions.html#列表过渡,js 原生的话 一条条的的插入显示,搭配下 css3 动画应该也可以吧
seki
2017-09-29 15:58:10 +08:00
从 devtools 的结果来看是用 js 控制的动画,left 的值由 0 变到 4000,然后更新数据之后由 4000 又变到 0

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/394624

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX