波纹
安装
用法
import { Ripple } from "@/components/magicui/ripple";<div className="relative h-[500px] w-full overflow-hidden">
<Ripple />
</div>属性
| 属性 | 类型 | 默认值 | 描述 |
|---|---|---|---|
mainCircleSize | number | 210 | 主圆的像素大小 |
mainCircleOpacity | number | 0.24 | 主圆的不透明度 |
numCircles | number | 8 | 要渲染的波纹圆圈数量 |