隆重推出 Magic UI Pro - 50+ 个模块和模板,助您在几分钟内构建精美的着陆页。

命令面板

搜索要运行的命令...

文档
闪光边框

闪光边框

闪光边框是一种动画背景边框效果。

登录
输入您的凭据以访问您的账户

安装

示例

单色

登录
输入您的凭据以访问您的账户

用法

import { ShineBorder } from "@/registry/magicui/shine-border";
<div className="relative h-[500px] w-full overflow-hidden">
  <ShineBorder />
</div>

属性

属性类型默认值描述
classNamestring-应用于组件的类名。
持续时间number14定义应用于闪光边框的动画持续时间。
闪光颜色字符串 | 字符串数组"#000000"边框颜色,可以是单一颜色或颜色数组。
边框宽度number1边框的像素宽度。
样式React.CSSProperties-应用于组件的附加样式。