安装
示例
圆角
用法
import { FlickeringGrid } from "@/components/magicui/flickering-grid";<FlickeringGrid />属性
| 属性 | 类型 | 默认值 | 描述 |
|---|---|---|---|
squareSize | number | 4 | 网格中每个方块的大小 |
gridGap | number | 6 | 网格中方块之间的间距 |
flickerChance | number | 0.3 | 方块闪烁的概率 |
颜色 | string | "rgb(0, 0, 0)" | 方块的颜色 |
width | number | - | 画布宽度 |
height | number | - | 画布高度 |
className | string | - | 画布的额外 CSS 类 |
maxOpacity | number | 0.2 | 方块的最大不透明度 |