GitHubDaily(@GitHub_Daily):刷到一些网站的交互特效，按钮按下去会回弹、文字能碎成字符，总想知道是怎么做出来的。 softlab 是作者收集的一个网页交互特效合集，每个效果都拆开看清原理，再重新做成能上手玩的页面。里面有能抓起来拉扯的果冻，6 种形状可选，还能把一段真实文字实时变成 ASCII、乱码解密、水波和撕裂效果，文字照样能选中。 GitHub：https://t.co/Eehky4zYXX 最好看的是云海列车，14 层云按各自的速度飘过，列车开过吊桥，配色有 23 套，切一套就像换了个时辰。另外还有一面按钮墙，16 种按钮微交互分成 4 组，悬停、点击、按住松开都能试。作者定了个规矩，所有动效都是 WebGL、canvas 或 CSS 实时渲染，不拿图片或 AI 生成的视频充数，这点我挺喜欢。代码都能直接读，做前端的拿来当参考挺好。

2026.10.09 07:30

刷到一些网站的交互特效，按钮按下去会回弹、文字能碎成字符，总想知道是怎么做出来的。 softlab 是作者收集的一个网页交互特效合集，每个效果都拆开看清原理，再重新做成能上手玩的页面。里面有能抓起来拉扯的果冻，6 种形状可选，还能把一段真实文字实时变成 ASCII、乱码解密、水波和撕裂效果，文字照样能选中。 GitHub：最好看的是云海列车，14 层云按各自的速度飘过，列车开过吊桥，配色有 23 套，切一套就像换了个时辰。另外还有一面按钮墙，16 种按钮微交互分成 4 组，悬停、点击、按住松开都能试。作者定了个规矩，所有动效都是 WebGL、canvas 或 CSS 实时渲染，不拿图片或 AI 生成的视频充数，这点我挺喜欢。代码都能直接读，做前端的拿来当参考挺好。