V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
hanzichi
V2EX  ›  问与答

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

  •  
  •   hanzichi · Sep 29, 2017 · 1809 views
    This topic created in 3142 days ago, the information mentioned may be changed or developed.

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

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

    5 replies    2017-09-29 15:58:10 +08:00
    WenJimmy
        1
    WenJimmy  
       Sep 29, 2017   ❤️ 1
    css3 动画啊
    shengchao
        2
    shengchao  
       Sep 29, 2017   ❤️ 1
    额,很炫酷吗?简单的 css3 动画
    hanzichi
        3
    hanzichi  
    OP
       Sep 29, 2017
    @WenJimmy
    @shengchao 求具体思路
    WenJimmy
        4
    WenJimmy  
       Sep 29, 2017   ❤️ 1
    @hanzichi #3 react 的不知道,vue 文档里有个列表过渡 https://cn.vuejs.org/v2/guide/transitions.html#列表过渡,js 原生的话 一条条的的插入显示,搭配下 css3 动画应该也可以吧
    seki
        5
    seki  
       Sep 29, 2017   ❤️ 1
    从 devtools 的结果来看是用 js 控制的动画,left 的值由 0 变到 4000,然后更新数据之后由 4000 又变到 0
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   3304 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 36ms · UTC 13:45 · PVG 21:45 · LAX 06:45 · JFK 09:45
    ♥ Do have faith in what you're doing.