目录 / css-border-beam-animated
SKILL
未评级
已上架
css-border-beam-animated
CSS卡片上的动态边框光束/聚光灯效果。两种不同的技术: (1) @property + 锥形渐变旋转(始终可见的旋转渐变,96%浏览器支持), (2) CSS Motion Path offset-path: rect() —— 标准的Magic UI实现方式(聚光灯沿边框移动,85%支持)。适用场景:(1) 构建需要"实时系统"边框动画的高端落地页时,(2) 需要轻微吸引注意力的CTA卡片时,(3) 在Next.js/Tailwind项目中实现Magic UI边框光束效果时。
模型生成摘要(rules/v1 · 2026-11-14 06:55):CSS卡片上的动态边框光束/聚光灯效果
这是模型对公开材料的总结,不是官方声明,请以原链内容为准。
这是模型对公开材料的总结,不是官方声明,请以原链内容为准。
存档时间线
| 版本 | 存档时间 | 内容哈希 | 内容 |
|---|---|---|---|
| v1 | 2026-11-14 06:54 | 0744069c | 可取 |
版本索引永久保留;内容副本只保留最新 1 份,更早版本仅留索引与哈希(存档时间线的证据链不会因此断裂)。
纠错与举报(发现条目失效、署名有误或涉及侵权?)
提交举报 / 纠错
侵权举报经核验成立后,我们会即时下线该条目并删除已存的内容副本。