纯前端复刻 Copy 按钮动画：代码折纸夹上木写字板
prasenx · x · 2026-11-09
开发者 prasenx 发布了一个开源小项目 copy-clip：一个复制代码按钮，点击后代码片段会像一张纸一样对折、飞出并被钢夹「啪」地夹到木写字板上，还配有音效。
- 技术栈：HTML + CSS + 原生 JavaScript，单文件、无构建步骤、无框架
- 写字板、钢夹、纸纹理全部用内联 SVG 和 CSS 代码绘制
- 音效用 Web Audio API 实时合成，没有任何音频文件
- 复制功能基于 Clipboard API，通过隐藏 textarea 实现
- 提供免手动 demo 模式：脚本化光标连续复制，纸张堆叠、钢夹清场后循环播放
MIT 协议开源，附在线演示。
「编程与Agent」频道最新
- Grok Bot 与 Claude Code 互联循环互审，自动打磨商业计划 — adamamcbride · 2026-11-09
- levelsio 称用 Claude Code 自设计家具可省中间商，遭网友算账质疑 — rms80 · 2026-11-09
- Daniel Mac 公开个人 Agent 系统七条设计原则，完整指南将发布 — daniel_mac8 · 2026-11-09
- 广告公司用 MCP 每周自动汇总七路数据，策略师省下数小时 — alexgoughcooper · 2026-11-09
- AI 代你付款可信吗？关键是你保留最终决定权 — Efistoffeles · 2026-11-09
- Burkov 建议 Codex 手机端直接串流桌面浏览器,解决 localhost 无法手机访问问题 — burkov · 2026-11-09