ะะฝะธะผะฐัะธะธะะพะฒะพะต
ะะฐััะฐะฒะบะฐ DVD
ะญะปะตะผะตะฝั ะปะตัะฐะตั ะฟะพ ะฑะปะพะบั ะธ ะพััะบะฐะบะธะฒะฐะตั ะพั ััะตะฝะพะบ, ะบะฐะบ ะปะพะณะพัะธะฟ ะฝะฐ ััะฐัะพะน ะทะฐััะฐะฒะบะต DVD.
ะะฐัััะพะนะบะธ
color
accentColor
highlightColor
ะัะฝะพะฒะฐะฝะพ ะฝะฐ Screensaver (MIT ะปะธัะตะฝะทะธั) ยท ะฃัะปะพะฒะธั ะธัะฟะพะปัะทะพะฒะฐะฝะธั
ะัั ะฒ Pro
ะกะผะพััะตัั ะฒัะตะะฐัะฐะผะตััั
9 ะฟะฐัะฐะผะตััะพะฒ| ะะฐัะฐะผะตัั | ะขะธะฟ | ะะพ ัะผะพะปัะฐะฝะธั | ะะฟะธัะฐะฝะธะต |
|---|---|---|---|
| speed | number | 3 | ะกะบะพัะพััั ะดะฒะธะถะตะฝะธั, ะฒ ะฟะธะบัะตะปัั ะทะฐ ะบะฐะดั. |
| startAngle | number | 45 | ะะฐัะฐะปัะฝัะน ัะณะพะป ะฟะพะปััะฐ, ะฒ ะณัะฐะดััะฐั . |
| startPosition | { x: number; y: number } | "{ x: 0, y: 0 }" | ะกัะฐััะพะฒะฐั ัะพัะบะฐ ะฒ ะฟัะพัะตะฝัะฐั ะพั ะบะพะฝัะตะนะฝะตัะฐ. |
| containerRef | RefObject<HTMLElement | null> | โ | ะกััะปะบะฐ ะฝะฐ ะฑะปะพะบ, ะพั ััะตะฝะพะบ ะบะพัะพัะพะณะพ ัะปะตะผะตะฝั ะพััะบะฐะบะธะฒะฐะตั. |
| children | ReactNode | โ | ะงัะพ ะปะตัะฐะตั: ะปะพะณะพัะธะฟ, ะบะฐััะธะฝะบะฐ, ะฟะปะฐัะบะฐ. |
| color | string | "#ffffff" | ะัะฝะพะฒะฝะพะน ัะฒะตั. ะญะปะตะผะตะฝัั ะฒะฝัััะธ ะฑะตััั ะตะณะพ ัะตัะตะท var(--screensaver-c1). |
| accentColor | string | "#a3a3a3" | ะัะพัะพะน ัะฒะตั. ะญะปะตะผะตะฝัั ะฒะฝัััะธ ะฑะตััั ะตะณะพ ัะตัะตะท var(--screensaver-c2). |
| highlightColor | string | "#ffffff" | ะกะฒะตัะปัะน ัะฒะตั ะดะปั ะฑะปะธะบะพะฒ. ะญะปะตะผะตะฝัั ะฒะฝัััะธ ะฑะตััั ะตะณะพ ัะตัะตะท var(--screensaver-c3). |
| className | string | โ | ะะปะฐััั ะดะปั ะปะตัะฐััะตะณะพ ะฑะปะพะบะฐ. |
ะะฐะฒะธัะธะผะพััะธ
ะะฐะบะตัะพะฒ: 3
npm install motion clsx tailwind-merge