用 CodeBuddy 一键生成“水波纹按钮”，连 CSS 动画都不用自己写了！
原创
用 CodeBuddy 一键生成“水波纹按钮”，连 CSS 动画都不用自己写了！
不惑
发布于 2025-07-04 08:56:41
发布于 2025-07-04 08:56:41
代码可运行
概述
前两天做页面交互时，突然有个想法：“我想加一个点击时有水波纹的按钮，就像 Android 上那种 Material Ripple 效果，既优雅又带感。”以前搞这种动画，光是 CSS 和 JS 的交互处理就能折腾一阵子：点击位置的计算、波纹的生成、动画时间、淡出曲线、性能优化……一大堆细节。但现在，我只在 CodeBuddy 里轻描淡写地说了一句：“生成一个按钮，点击时有水波纹动画，模仿 Mater
运行总次数：0
代码可运行
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
评论
登录后参与评论
推荐阅读
目录
腾讯云开发者
