qq 浏览器 8 的滚动视差, 简直美得令人醉了 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
halfer53

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

  •  2
     
  •   halfer53 Sep 21, 2014 9650 views
    This topic created in 4245 days ago, the information mentioned may be changed or developed.
    http://browser.qq.com/

    实在太美了

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

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

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

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

    这网页很绚丽就是炫技都超过他的作用了
    adjusted
        21
    adjusted  
       Sep 21, 2014
    艺术字飘来飘去让我想起了第一次接触ppt制作的时候.
    PotatoBrother
        22
    PotatoBrother  
       Sep 21, 2014
    赞啊
    PotatoBrother
        23
    PotatoBrother  
       Sep 21, 2014
    然后我选择了 Chrome
    typcn
        24
    typcn  
       Sep 21, 2014
    Chrome表示很正常 不是静态啊
    flied
        25
    flied  
       Sep 21, 2014   1
    这种动画居然还有人说美?这是多么俗气的动画和网页UI呀,而且既然文字都用图片了,为啥不把字体都修一下呢?

    炫和美是两个概念呀。
    binghe
        26
    binghe  
       Sep 21, 2014
    你们是在嘲笑腾讯没有前端攻城师吗?
    MASAILA
        27
    MASAILA  
       Sep 21, 2014
    我觉得之前的那个好看
    Totoria
        28
    Totoria  
       Sep 21, 2014
    @halfer53 safari8一切正常啊
    raychar
        29
    raychar  
       Sep 21, 2014
    chrome桌面浏览很漂亮啊,版本37
    Mac
        30
    Mac  
       Sep 21, 2014
    试着装了一下,可惜还是IE核心的,界面很符合我的审美。
    GordianZ
        31
    GordianZ  
       Sep 21, 2014
    楼主难道说的不是反话么?
    Air_Mu
        32
    Air_Mu  
       Sep 21, 2014
    能看到这效果还用这浏览器的人只有傻逼吧~
    vibbow
        33
    vibbow  
       Sep 22, 2014
    这特效,看的我都醉了...
    hsj007
        34
    hsj007  
       Sep 22, 2014
    http://browser.qq.com/mac/

    这个效果更炫酷一点!
    Busy
        35
    Busy  
       Sep 22, 2014
    好吧,tencent的前端没有美术功底,纯粹的堆砌
    whywhywhy
        36
    whywhywhy  
       Sep 22, 2014
    @Mac 在选项里开启高速渲染插件就是chrome了
    momo5269
        37
    momo5269  
       Sep 22, 2014
    Opera12.17 能切换 无动画效果 Palemoon24 无动画 不能切换 整页输出
    Opera24 IE11全部正常 机器是垃圾配置 都不卡顿

    @Air_Mu IE11能看到 所以……
    momo5269
        38
    momo5269  
       Sep 22, 2014
    @shuax 国产所谓的自带高级内核 基本等于 IE6-7的电脑调用自带的IE8……
    Vegetables
        39
    Vegetables  
       Sep 22, 2014
    firefox 直接跳转到http://browser.qq.com/index_static.html
    wangyifei6817
        40
    wangyifei6817  
       Sep 22, 2014
    Safari效果很流畅.
    baozijun
        41
    baozijun  
       Sep 22, 2014
    @hsj007 这,好酷炫
    songxajh
        42
    songxajh  
       Sep 22, 2014
    我给你们讲个真相。
    原来搜索QQ浏览器百度第一页都找不到,排名第一的是QQ手机浏览器。
    后来动用了百度的官网策略,才让QQ浏览器官网搜索QQ浏览器排在第一;

    另外一个真相是,请把QQ浏览器的官网跟360、sogou做个对比。
    hahahaha~
    sdysj
        43
    sdysj  
       Sep 22, 2014
    这审美,呵呵。
    zythum
        44
    zythum  
       Sep 22, 2014
    这个不难做...说实话
    bjhyyc
        45
    bjhyyc  
       Sep 22, 2014
    76
        46
    76  
       Sep 22, 2014
    QQ很Firefox
    adidag
        47
    adidag  
       Sep 22, 2014   1
    推荐大家试试这版官网中使用的 Velocity.js。很好用,作者很强大,可以让喜欢动效设计的朋友更快速的实现想法。

    http://julian.com/research/velocity/
    https://gthub.com/julianshapiro/velocity
    yuanhsh
        48
    yuanhsh  
       Sep 22, 2014
    确实很漂亮。
    Tink
        49
    Tink  
    PRO
       Sep 22, 2014
    手机上跪了
    Actrace
        50
    Actrace  
       Sep 22, 2014
    炫不能太多...炫多了会跪的...就像酒精一样.
    asca
        51
    asca  
       Sep 22, 2014
    Firefox 不行,用QQ浏览器可以。
    ianva
        52
    ianva  
       Sep 22, 2014
    这个设计非常的难看
    wwttc
        53
    wwttc  
       Sep 22, 2014
    好炫!!!
    erenno1
        54
    erenno1  
       Sep 22, 2014
    ubuntu chrome 可以看到
    erenno1
        55
    erenno1  
       Sep 22, 2014
    ubuntu chrome 可以看到
    coetzee
        56
    coetzee  
       Sep 22, 2014
    @zythum 求思路
    halfer53
        57
    halfer53  
    OP
       Sep 22, 2014
    @coetzee 看源码, 其实很简单, 就是transform的应用 http://browser.qq.com/8.0/js/core.js
    jemyzhang
        58
    jemyzhang  
       Sep 22, 2014 via Android
    ubuntu chrome能看到效果啊~firefox静态页面
    learnshare
        59
    learnshare  
       Sep 22, 2014
    炫酷是没错,但配色、动画效果都不舒服,设计也算很烂?
    wellsho
        60
    wellsho  
       Sep 22, 2014
    为什么用循环?很容易错过下载
    RaymondYip
        61
    RaymondYip  
       Sep 23, 2014
    丑到吐血
    qianfei7f
        62
    qianfei7f  
       Sep 23, 2014
    整体设计还是觉得很赞,可是字体。。。略丑啊
    xi_lin
        63
    xi_lin  
       Sep 27, 2014
    在mac下才看到了效果。。ubuntu chrome见不到。
    About     Help     Advertise     Blog     API     FAQ     Solana     5436 Online   Highest 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 236ms UTC 09:34 PVG 17:34 LAX 02:34 JFK 05:34
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86