请问 MUI button 组件的点击涟漪效果是如何实现的呢？有哪位大佬能写个 demo 么 ^_^

[sciel]

在这里 https://mui.com/zh/components/buttons/

好想学学~

[BingoXuan]

https://css-tricks.com/how-to-recreate-the-ripple-effect-of-material-design-buttons/
like this one?

[sciel]

@BingoXuan 多谢~

[efaun]

这不是 react 自带的效果吗, rn 上我知道是 touchablenativefeedback

[ChefIsAwesome]

我之前试过的方法是：点击的时候在目标元素上面画一个涟漪。不难，无非是计算下目标的位置和大小。好处是这个效果是后加的，任何可点击目标都可以有，不用动他们的 html 结构。坏处是如果点击之后目标移动了，比方讲点了之后有动画，那这个涟漪不会跟着动，不好处理。

[sakuraSou]

点击的时候用伪元素生成，borderradius