有没有人觉得 Material Design 的图标按钮点了之后光晕先是扩散成一个正方形，再突然变成圆形丑爆了。比如
doubleflower · 2016-09-28 10:27:34 +08:00 · 2838 次点击这是一个创建于 2982 天前的主题，其中的信息可能已经有所发展或是发生改变。
比如 https://photos.google.com/ 左边栏的图标按钮，及新版 Chrome 的工具栏按钮。
想不通为什么不直接扩成一个圆形而是先变方再变圆，难道是技术原因？
想不通为什么不直接扩成一个圆形而是先变方再变圆，难道是技术原因？
 |
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 |
 |
2
SvenWong 2016-09-28 10:37:57 +08:00
我在谷歌相册的左边栏点了几下，点击的效果是扩散成一个圆，没有看到方形的轮廓
|
 |
3
imn1 2016-09-28 11:11:58 +08:00
然而并没有？
|
 |
4
zwpaper 2016-09-28 11:22:23 +08:00 via iPhone
不问是不是，直接为什么系列
|
 |
5
doubleflower OP @morethansean 不是长方形按钮，是圆形图标按钮，就是第三行那个。不过奇怪的是你那个网页上的是好的，反而 google 自家的有问题。
@SvenWong @imn1 @zwpaper 我去，我用的主力 FF 上有这问题，试了下 Chrome 上没这问题。看来是 Google 的 Firefox BUG ，一楼的网页里的图标按钮在 FF 下也没问题。 试了好几次，截下了 https://photos.google.com/ 左边图标按钮变方的图：  |
 |
6
boro 2016-09-28 12:00:46 +08:00 via iPhone
这套东西不耐看
|
 |
7
vivianalive 2016-09-28 12:56:04 +08:00
@doubleflower 现在很多 web 代码在 Chrome, Safari 开发、测试没问题，在 Firefox 上却各种问题。
|
 |
8
Balthild 2016-09-28 15:19:09 +08:00 via iPhone
这算是实现存在 bug ，设计标准中是直接圆形扩散的。
|
 |
9
m208 2016-09-28 21:15:57 +08:00
Firefox(Nightly) 52.0a1 x64 + Windows 10 没有问题：
 |
Select Language