最近在浏览项目时被 React 社区 Magic UI 的 Border Beam (边框流光)动效吸引,觉得这种光效非常适合提升 UI 卡片或按钮的质感。 因为平时习惯使用 Vue 3 进行开发,但在社区里没找到特别完善的 Vue 适配版,于是花点时间把它迁移到了 Vue 3 ,并针对一些细节做了重构。
useId 等新特性。@property 和圆锥渐变,由 GPU 加速,不会干扰主线程的运行逻辑。border-radius,多数情况下无需手动传参。目前代码已发布至 npm ,包名为 border-beam-vue3。
这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。
V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。
V2EX is a community of developers, designers and creative people.