V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
doubleflower
V2EX  ›  Google

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

  •  
  •   doubleflower · 2016-09-28 10:27:34 +08:00 · 2810 次点击
    这是一个创建于 2965 天前的主题,其中的信息可能已经有所发展或是发生改变。
    比如 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
    然而并没有?
    zwpaper
        4
    zwpaper  
       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   ·   实用小工具   ·   900 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 31ms · UTC 21:11 · PVG 05:11 · LAX 13:11 · JFK 16:11
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.