有没有人觉得 Material Design 的图标按钮点了之后光晕先是扩散成一个正方形,再突然变成圆形丑爆了。比如 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
doubleflower
V2EX    Google

有没有人觉得 Material Design 的图标按钮点了之后光晕先是扩散成一个正方形,再突然变成圆形丑爆了。比如

  •  
  •   doubleflower 2016-09-28 10:27:34 +08:00 3193 次点击
    这是一个创建于 3302 天前的主题,其中的信息可能已经有所发展或是发生改变。
    比如 https://photos.google.com/ 左边栏的图标按钮,及新版 Chrome 的工具栏按钮。
    想不通为什么不直接扩成一个圆形而是先变方再变圆,难道是技术原因?
    9 条回复    2016-09-28 21:15:57 +08:00
    morethansean
        1
    morethansean  
       2016-09-28 10:32:51 +08:00
    哪有变正方形啊?楼主什么浏览器啊?不就是圆形扩散出去吗?

    就是这样的啊:
    https://elements.polymer-project.org/elements/paper-ripple?view=demo:demo/index.html&active=paper-ripple
    SvenWong
        2
    SvenWong  
       2016-09-28 10:37:57 +08:00
    我在谷歌相册的左边栏点了几下,点击的效果是扩散成一个圆,没有看到方形的轮廓
    imn1
        3
    imn1  
       2016-09-28 11:11:58 +08:00
    然而并没有?
    ikw
        4
    ikw  
       2016-09-28 11:22:23 +08:00 via iPhone
    不问是不是,直接为什么系列
    doubleflower
        5
    doubleflower  
    OP
       2016-09-28 11:45:09 +08:00
    @morethansean 不是长方形按钮,是圆形图标按钮,就是第三行那个。不过奇怪的是你那个网页上的是好的,反而 google 自家的有问题。


    @SvenWong @imn1 @zwpaper
    我去,我用的主力 FF 上有这问题,试了下 Chrome 上没这问题。看来是 Google 的 Firefox BUG ,一楼的网页里的图标按钮在 FF 下也没问题。

    试了好几次,截下了 https://photos.google.com/ 左边图标按钮变方的图:

    boro
        6
    boro  
       2016-09-28 12:00:46 +08:00 via iPhone
    这套东西不耐看
    vivianalive
        7
    vivianalive  
       2016-09-28 12:56:04 +08:00
    @doubleflower 现在很多 web 代码在 Chrome, Safari 开发、测试没问题,在 Firefox 上却各种问题。
    Balthild
        8
    Balthild  
       2016-09-28 15:19:09 +08:00 via iPhone
    这算是实现存在 bug ,设计标准中是直接圆形扩散的。
    m208
        9
    m208  
       2016-09-28 21:15:57 +08:00
    Firefox(Nightly) 52.0a1 x64 + Windows 10 没有问题:

    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     1084 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 24ms UTC 18:06 PVG 02:06 LAX 11:06 JFK 14:06
    Do have faith in what you're doing.
    ubao 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