V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
设计师推荐装备
WACOM 数位板
推荐阅读
版式设计基础教程 by 南云治嘉
版式设计全攻略 by 佐佐木刚士
tioover
V2EX  ›  设计师

这种动画怎么搞的?

  •  
  •   tioover · 2013-08-30 20:29:57 +08:00 · 4701 次点击
    这是一个创建于 4101 天前的主题,其中的信息可能已经有所发展或是发生改变。
    http://www.readwise.net/

    刚刚看迅雷也有这种

    以为是svg 画的,但是看标签是img。

    这种动画有什么库吗?还是说仅仅是jQuery 弄得……

    另外处理SVG Canvas 的话知名的库有哪些?
    5 条回复    2017-06-02 10:32:40 +08:00
    rayps
        1
    rayps  
       2013-08-30 21:01:48 +08:00
    mac 上一大堆做这种动画的软件,我平时就用AN做的,基于html5和jquery
    Keinez
        2
    Keinez  
       2013-08-30 21:31:35 +08:00
    squallsdjl
        3
    squallsdjl  
       2013-08-30 21:55:40 +08:00
    JQ就能搞定,你缩小浏览器宽度就会发现点什么了,里面的元素都是定位并且控制显示顺序和透明度显示的,需要点前端和设计的技巧。
    sparanoid
        4
    sparanoid  
    MOD
       2013-10-14 22:10:20 +08:00   ❤️ 1
    抱歉遲迴,現在才看到

    - 首頁上方的 slider,通過添加/刪除狀態 class 來控制 CSS transition
    - 下方的「視差」和 icon 滑入效果分別通過 https://github.com/markdalgleish/stellar.jshttps://github.com/imakewebthings/jquery-waypoints 來實現

    另外這個項目目前基本停止更新了,我們已經將其中的部分理念引入了新版的 Delicious,可以關注一下: http://delicious.com/

    利益申報:我是 Delicious 的新版設計師
    janily
        5
    janily  
       2017-06-02 10:32:40 +08:00
    关于 SVG 动画方面的文章,可以去我做的专门关于 SVG 方面的网站看看 http://svgtrick.com/
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1804 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 16:28 · PVG 00:28 · LAX 08:28 · JFK 11:28
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.