qq 浏览器 8 的滚动视差, 简直美得令人醉了

2014-09-21 18:51:53 +08:00
 halfer53
http://browser.qq.com/

实在太美了

看了一下源码, 主要是用了transform, translate, 和rotate属性, 以及velocity.js. 看得出设计的很巧妙, 给设计师点个赞
8831 次点击
所在节点    分享发现
62 条回复
baozijun
2014-09-22 10:24:13 +08:00
@hsj007 这,好酷炫
songxajh
2014-09-22 10:28:11 +08:00
我给你们讲个真相。
原来搜索QQ浏览器百度第一页都找不到,排名第一的是QQ手机浏览器。
后来动用了百度的官网策略,才让QQ浏览器官网搜索QQ浏览器排在第一;

另外一个真相是,请把QQ浏览器的官网跟360、sogou做个对比。
hahahaha~
sdysj
2014-09-22 10:31:33 +08:00
这审美,呵呵。
zythum
2014-09-22 11:14:59 +08:00
这个不难做...说实话
bjhyyc
2014-09-22 11:22:53 +08:00
76
2014-09-22 11:59:25 +08:00
QQ很討厭Firefox
adidag
2014-09-22 12:05:44 +08:00
推荐大家试试这版官网中使用的 Velocity.js。很好用,作者很强大,可以让喜欢动效设计的朋友更快速的实现想法。

http://julian.com/research/velocity/
https://github.com/julianshapiro/velocity
yuanhsh
2014-09-22 12:16:27 +08:00
确实很漂亮。
Tink
2014-09-22 13:05:20 +08:00
手机上跪了
Actrace
2014-09-22 13:59:48 +08:00
炫不能太多...炫多了会跪的...就像酒精一样.
asca
2014-09-22 14:06:08 +08:00
Firefox 不行,用QQ浏览器可以。
ianva
2014-09-22 14:41:06 +08:00
这个设计非常的难看
wwttc
2014-09-22 15:02:41 +08:00
好炫!!!
erenno1
2014-09-22 15:28:59 +08:00
ubuntu chrome 可以看到
erenno1
2014-09-22 15:28:59 +08:00
ubuntu chrome 可以看到
coetzee
2014-09-22 15:57:46 +08:00
@zythum 求思路
halfer53
2014-09-22 16:13:57 +08:00
@coetzee 看源码, 其实很简单, 就是transform的应用 http://browser.qq.com/8.0/js/core.js
jemyzhang
2014-09-22 16:53:27 +08:00
ubuntu chrome能看到效果啊~firefox静态页面
learnshare
2014-09-22 17:04:06 +08:00
炫酷是没错,但配色、动画效果都不舒服,设计也算很烂?
wellsho
2014-09-22 17:10:50 +08:00
为什么用循环?很容易错过下载

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

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

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

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

© 2021 V2EX