研究 Magic UI 的 Border Beam 是怎么实现的,并把它玩出几种用法: agent thinking、CTA 召唤、配色画廊、以及与 conic-gradient 方案的对比。
一道光沿着卡片描边匀速绕行。Magic UI 同款实现:offset-path+mask-composite
光斑方块沿圆角矩形路径平移;size 同时控制方块大小和路径圆角。
指针进入按钮才唤出 beam。比纯阴影/缩放更显"召唤"。
整圈渐变绕中心旋转;调节楔形跨度和头部 fade,控制彗星形状。
指针进入按钮才唤出 beam。比纯阴影/缩放更显"召唤"。