Trash Interaction
当前大部分组件项目托管于 Vercel，尽管已启用 Cloudflare 全球 CDN 加速，但在国内网络环境下访问仍可能存在不稳定。若组件加载异常，建议开启 VPN 后重试。
Trash Interaction
基于 Vercel Design Engineering 团队的 CSS Animation 教程进行实践与改造。
通过点击图片触发删除交互，呈现细腻的 CSS 动画反馈，适合用于交互过渡演练与动画模式探索。
How do I use it?
你可以通过克隆 GitHub 仓库获取源代码，并根据组件文档完成集成。页面已适配 Vercel 在线预览环境，便于快速测试和样式调整。
组件基于 HTML + CSS + JavaScript 实现，部分使用框架语法按需引入。建议根据实际业务需求进行样式自定义和行为扩展。
Frequently asked questions
这个组件是如何实现的？
这是一个基于代码实现的可交互展示型组件，通常通过 Cursor 或 VS Code 开发完成。同时，我也会参考并改进一些优秀的开源组件，对其进行二次创作和优化迭代。
我如何把它应用到自己的项目中？
你可以在前端项目中，或使用 Framer、Webflow 等低代码工具灵活调用这些组件。我通常使用 TailwindCSS 的类名（className）来编写样式，因此你可以轻松修改和自定义它们。
我是否需要了解代码呢？
你需要掌握基础的前端知识，例如 HTML、CSS、JavaScript 和 Tailwind CSS，并具备使用 Next.js 技术栈进行项目初始化的能力。同时，了解如何使用 Git 将项目克隆至本地开发环境。
我在哪里可以找到组件的源码？
如果该组件尚未公开发布，你可以通过邮箱（xue7106211@gmail.com）联系我，我会将它发送给你！