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

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

实在太美了

看了一下源码, 主要是用了transform, translate, 和rotate属性, 以及velocity.js. 看得出设计的很巧妙, 给设计师点个赞
8808 次点击
所在节点    分享发现
62 条回复
rock_cloud
2014-09-21 18:53:40 +08:00
感觉中间slogan的字体好别扭。。。
shuax
2014-09-21 18:58:40 +08:00
搞笑的是QQ浏览器自己看不见这些效果。
yqw
2014-09-21 18:59:58 +08:00
确实很赞
icyflash
2014-09-21 19:02:16 +08:00
@shuax QQ浏览器只有皮,没有核,如果看不见,说明你IE版本低了
shuax
2014-09-21 19:05:02 +08:00
@icyflash 我知道它没核,我的IE11正常,但是他的官方说明里面写了一个:自带IE高级内核……
mongodb
2014-09-21 19:08:24 +08:00
为什么我的firefox看着就是个静态页面没有任何滚动视差效果。。
ytf4425
2014-09-21 19:12:44 +08:00
firefox、chrome表示只能看到一个静态页
linux没IE
sdzbzyc
2014-09-21 19:15:37 +08:00
为什么感觉好卡..
missdeer
2014-09-21 19:16:12 +08:00
好吧,原来现在腾讯还在做IE only的网页
zhs227
2014-09-21 19:18:33 +08:00
效果确实很炫
滚动一下,左上角显着QQ浏览器8, 右下角显着QQ浏览器7.也可能是故意留着的。
Marcos
2014-09-21 19:19:13 +08:00
可以看得出来配色模仿iOS7/8的高饱和度设计。。。
chaker
2014-09-21 19:19:37 +08:00
这字体让我想起来以前word里的艺术字
kmvan
2014-09-21 19:24:33 +08:00
手机上看简直逗
halfer53
2014-09-21 19:26:59 +08:00
@mongodb
@ytf4425

简单看了一下, firefox不支持animation: orbloop. 视觉差的插件是腾讯自己写的, 估计开发的时候就没考虑firefox的兼容性 ,估计transform也是如此 (╯□╰)o.

这个网页只支持ie10+
belin520
2014-09-21 19:28:21 +08:00
@sdzbzyc +1,为什么感觉好卡!
belin520
2014-09-21 19:28:46 +08:00
http://www.pomodrone.com/
我比较喜欢这个
halfer53
2014-09-21 19:31:59 +08:00
不过话又说回来, 既然只支持ie10+, 干嘛不直接用 jquery 2. 看到1.11我还以为支持ie6那
chenji
2014-09-21 20:00:31 +08:00
估计设计师是这么想的:你们一帮用Firefox的货让你们来用QQ浏览器太难了,我只需要从IE立面分走一拨人就足够了。

所以,Firefox用户不考虑。
deepurple
2014-09-21 20:00:54 +08:00
Firefox表示就是个静态页面.....
fantasticfears
2014-09-21 20:02:21 +08:00
@rock_cloud 艺术字飘来飘去。

这网页很绚丽就是炫技都超过他的作用了

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

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

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

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

© 2021 V2EX