V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
hanzichi
V2EX  ›  问与答

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

  •  
  •   hanzichi · 2017-09-29 15:44:11 +08:00 · 1455 次点击
    这是一个创建于 2605 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

    5 条回复    2017-09-29 15:58:10 +08:00
    WenJimmy
        1
    WenJimmy  
       2017-09-29 15:46:01 +08:00   ❤️ 1
    css3 动画啊
    shengchao
        2
    shengchao  
       2017-09-29 15:49:56 +08:00   ❤️ 1
    额,很炫酷吗?简单的 css3 动画
    hanzichi
        3
    hanzichi  
    OP
       2017-09-29 15:50:47 +08:00
    @WenJimmy
    @shengchao 求具体思路
    WenJimmy
        4
    WenJimmy  
       2017-09-29 15:54:05 +08:00   ❤️ 1
    @hanzichi #3 react 的不知道,vue 文档里有个列表过渡 https://cn.vuejs.org/v2/guide/transitions.html#列表过渡,js 原生的话 一条条的的插入显示,搭配下 css3 动画应该也可以吧
    seki
        5
    seki  
       2017-09-29 15:58:10 +08:00   ❤️ 1
    从 devtools 的结果来看是用 js 控制的动画,left 的值由 0 变到 4000,然后更新数据之后由 4000 又变到 0
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2643 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 22ms · UTC 10:18 · PVG 18:18 · LAX 02:18 · JFK 05:18
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.