ะคะพะฝัProะะพะฒะพะต
ะะฐัะฟ-ัะพะฝะฝะตะปั
ะะฐััะพัะบะฐ ััะพะธั ะฒ ัะตะฝััะต ัััั ะผะตัะฝะพะณะพ ัะพะฝะฝะตะปั ะธะท ัะตัะบะธ, ะฟะพ ััะตะฝะบะฐะผ ะบะพัะพัะพะณะพ ะปะตััั ะปััะธ ัะฒะตัะฐ.
ะะฐัััะพะนะบะธ
beamColor
gridColor
ะัะฝะพะฒะฐะฝะพ ะฝะฐ Warp Background (MIT ะปะธัะตะฝะทะธั) ยท ะฃัะปะพะฒะธั ะธัะฟะพะปัะทะพะฒะฐะฝะธั
ะะฐัะฐะผะตััั
10 ะฟะฐัะฐะผะตััะพะฒ| ะะฐัะฐะผะตัั | ะขะธะฟ | ะะพ ัะผะพะปัะฐะฝะธั | ะะฟะธัะฐะฝะธะต |
|---|---|---|---|
| children | ReactNode | โ | ะกะพะดะตัะถะธะผะพะต ะฒ ัะตะฝััะต ัะพะฝะฝะตะปั, ะพะฑััะฝะพ ะบะฐััะพัะบะฐ. |
| perspective | number | 100 | ะะปัะฑะธะฝะฐ ะฟะตััะฟะตะบัะธะฒั ะฒ ะฟะธะบัะตะปัั . ะะตะฝััะต ะทะฝะฐัะธั ะณะปัะฑะถะต ัะพะฝะฝะตะปั. |
| beamsPerSide | number | 3 | ะกะบะพะปัะบะพ ะปััะตะน ะฝะฐ ะบะฐะถะดะพะน ััะตะฝะบะต. |
| beamSize | number | 5 | ะจะธัะธะฝะฐ ะปััะฐ ะธ ัะฐะณ ัะตัะบะธ, ะฒ ะฟัะพัะตะฝัะฐั . |
| beamDuration | number | 3 | ะกะบะพะปัะบะพ ัะตะบัะฝะด ะปัั ะปะตัะธั ัะตัะตะท ััะตะฝะบั. |
| beamDelayMin | number | 0 | ะกะฐะผะฐั ะบะพัะพัะบะฐั ะฟะฐัะทะฐ ะฟะตัะตะด ะปััะพะผ, ะฒ ัะตะบัะฝะดะฐั . |
| beamDelayMax | number | 3 | ะกะฐะผะฐั ะดะปะธะฝะฝะฐั ะฟะฐัะทะฐ ะฟะตัะตะด ะปััะพะผ, ะฒ ัะตะบัะฝะดะฐั . |
| beamColor | string | "rgba(255, 255, 255, 0.7)" | ะฆะฒะตั ะปััะตะน. |
| gridColor | string | "rgba(255, 255, 255, 0.08)" | ะฆะฒะตั ะปะธะฝะธะน ัะตัะบะธ ะฝะฐ ััะตะฝะบะฐั . |
| className | string | โ | ะะปะฐััั Tailwind ะดะปั ะพะฑัััะบะธ. |
ะะฐะฒะธัะธะผะพััะธ
ะะฐะบะตัะพะฒ: 3
npm install motion clsx tailwind-merge