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

[doubleflower]

比如 https://photos.google.com/ 左边栏的图标按钮，及新版 Chrome 的工具栏按钮。
想不通为什么不直接扩成一个圆形而是先变方再变圆，难道是技术原因？

[morethansean]

哪有变正方形啊？楼主什么浏览器啊？不就是圆形扩散出去吗？

就是这样的啊：
https://elements.polymer-project.org/elements/paper-ripple?view=demo:demo/index.html&active=paper-ripple

[SvenWong]

我在谷歌相册的左边栏点了几下，点击的效果是扩散成一个圆，没有看到方形的轮廓

[imn1]

然而并没有？

[zwpaper]

不问是不是，直接为什么系列

[doubleflower]

@morethansean 不是长方形按钮，是圆形图标按钮，就是第三行那个。不过奇怪的是你那个网页上的是好的，反而 google 自家的有问题。


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

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

[boro]

这套东西不耐看

[vivianalive]

@doubleflower 现在很多 web 代码在 Chrome, Safari 开发、测试没问题，在 Firefox 上却各种问题。

[Balthild]

这算是实现存在 bug ，设计标准中是直接圆形扩散的。

[m208]

Firefox(Nightly) 52.0a1 x64 + Windows 10 没有问题：