用途:为单个 CTA(药丸形或按钮)添加缓慢旋转的柔和光圈描边,保持低对比、低干扰的视觉提示。资料建议每屏只用一个,动效要慢、对比要低。
主要能力:纯 CSS 实现,无外部依赖;对 prefers-reduced-motion 做安全处理。
使用方式:复制 star-border.css,并在按钮上使用 class="star",例如 <button class="star">Get started</button>。可通过自定义属性调整外观与时序:--star-color、--star-w、duration。
适用场景:单个主行动按钮的边框高亮。
限制:资料仅提供以上信息,未说明浏览器兼容范围、具体默认时长与颜色值、完整示例、安装命令或平台支持情况,暂未提供。