V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
doubleflower
V2EX  ›  Google

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

  •  
  •   doubleflower · Sep 28, 2016 · 3475 views
    This topic created in 3505 days ago, the information mentioned may be changed or developed.
    比如 https://photos.google.com/ 左边栏的图标按钮,及新版 Chrome 的工具栏按钮。
    想不通为什么不直接扩成一个圆形而是先变方再变圆,难道是技术原因?
    9 replies    2016-09-28 21:15:57 +08:00
    morethansean
        1
    morethansean  
       Sep 28, 2016
    哪有变正方形啊?楼主什么浏览器啊?不就是圆形扩散出去吗?

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


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

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

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

    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   2388 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 41ms · UTC 05:43 · PVG 13:43 · LAX 22:43 · JFK 01:43
    ♥ Do have faith in what you're doing.