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

2014 年 9 月 21 日
 halfer53
http://browser.qq.com/

实在太美了

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

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

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

所以,Firefox用户不考虑。
deepurple
2014 年 9 月 21 日
Firefox表示就是个静态页面.....
fantasticfears
2014 年 9 月 21 日
@rock_cloud 艺术字飘来飘去。

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

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

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

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

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

© 2021 V2EX