这种动画怎么搞的？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

设计师推荐装备

› WACOM 数位板

推荐阅读

› 版式设计基础教程 by 南云治嘉

› 版式设计全攻略 by 佐佐木刚士

这是一个创建于 3884 天前的主题，其中的信息可能已经有所发展或是发生改变。

http://www.readwise.net/

刚刚看迅雷也有这种

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

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

另外处理SVG Canvas 的话知名的库有哪些？

动画

svg

jquery

5 条回复 • 2017-06-02 10:32:40 +08:00

rayps

2013-08-30 21:01:48 +08:00

mac 上一大堆做这种动画的软件，我平时就用AN做的，基于html5和jquery

Keinez

2013-08-30 21:31:35 +08:00

@sparanoid

squallsdjl

2013-08-30 21:55:40 +08:00

JQ就能搞定，你缩小浏览器宽度就会发现点什么了，里面的元素都是定位并且控制显示顺序和透明度显示的，需要点前端和设计的技巧。

sparanoid

MOD

2013-10-14 22:10:20 +08:00

抱歉遲迴，現在才看到

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

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

利益申報：我是 Delicious 的新版設計師

janily

2017-06-02 10:32:40 +08:00

关于 SVG 动画方面的文章，可以去我做的专门关于 SVG 方面的网站看看 http://svgtrick.com/