ะขะตะบััะะพะฒะพะต
ะะพัะฒะปะตะฝะธะต ัะตะบััะฐ
ะขะตะบัั ะฟัะพัะฒะปัะตััั ะฟะพ ัะปะพะฒะฐะผ ะธะปะธ ะฑัะบะฒะฐะผ: ะธะท ัะฐะทะผััะธั, ั ะผะฐัััะฐะฑะพะผ ะธะปะธ ัะดะฒะธะณะพะผ. ะััั ะณะพัะพะฒัั ััะธะปะตะน.
ะะฐัััะพะนะบะธ
gradientFrom
gradientTo
ะัะฝะพะฒะฐะฝะพ ะฝะฐ Text Effect (MIT ะปะธัะตะฝะทะธั) ยท ะฃัะปะพะฒะธั ะธัะฟะพะปัะทะพะฒะฐะฝะธั
ะัั ะฒ Pro
ะกะผะพััะตัั ะฒัะตะะฐัะฐะผะตััั
14 ะฟะฐัะฐะผะตััะพะฒ| ะะฐัะฐะผะตัั | ะขะธะฟ | ะะพ ัะผะพะปัะฐะฝะธั | ะะฟะธัะฐะฝะธะต |
|---|---|---|---|
| children | string | "Build something people remember" | ะขะตะบัั, ะบะพัะพััะน ะฟะพัะฒะปัะตััั. |
| per | 'word' | 'char' | 'line' | "word" | ะะฐะบ ะดะตะปะธัั ัะตะบัั: ะฟะพ ัะปะพะฒะฐะผ, ะฑัะบะฒะฐะผ ะธะปะธ ัััะพะบะฐะผ. |
| preset | 'blur' | 'fade-in-blur' | 'scale' | 'fade' | 'slide' | "fade" | ะะพัะพะฒัะน ััะธะปั ะฟะพัะฒะปะตะฝะธั. |
| delay | number | 0 | ะะฐัะทะฐ ะฟะตัะตะด ััะฐััะพะผ, ะฒ ัะตะบัะฝะดะฐั . |
| speedReveal | number | 1 | ะะฐะบ ะฑััััะพ ะฟะพัะฒะปััััั ัะฐััะธ ะดััะณ ะทะฐ ะดััะณะพะผ. |
| speedSegment | number | 1 | ะะฐะบ ะฑััััะพ ะฟัะพัะฒะปัะตััั ะพะดะฝะฐ ัะฐััั. |
| trigger | boolean | true | ะะพะบะฐะทะฐัั ัะตะบัั. false ะฟัััะตั ะตะณะพ ั ะฐะฝะธะผะฐัะธะตะน. |
| as | keyof JSX.IntrinsicElements | "p" | HTML-ัะตะณ ะพะฑัััะบะธ. |
| variants | { container?: Variants; item?: Variants } | โ | ะกะฒะพะธ ะฒะฐัะธะฐะฝัั ะฐะฝะธะผะฐัะธะธ Motion ะฒะผะตััะพ ะฟัะตัะตัะฐ. |
| segmentWrapperClassName | string | โ | ะะปะฐััั ะดะปั ะพะฑัััะบะธ ะบะฐะถะดะพะน ัะฐััะธ. |
| onAnimationComplete | () => void | โ | ะัะทัะฒะฐะตััั, ะบะพะณะดะฐ ัะตะบัั ะฟะพะปะฝะพัััั ะฟะพัะฒะธะปัั. |
| className | string | โ | ะะปะฐััั Tailwind ะดะปั ะพะฑัััะบะธ. |
| gradientFrom | string | "#ffffff" | ะฆะฒะตั ะฟะตัะฒะพะณะพ ะบััะพัะบะฐ ัะตะบััะฐ. ะขะตะบัั ะฟะปะฐะฒะฝะพ ะฟะตัะตั ะพะดะธั ะฒ ัะฒะตั ะบะพะฝัะฐ ะณัะฐะดะธะตะฝัะฐ. |
| gradientTo | string | "#d4d4d8" | ะฆะฒะตั ะฟะพัะปะตะดะฝะตะณะพ ะบััะพัะบะฐ, ะบะพะฝะตั ะณัะฐะดะธะตะฝัะฐ. |
ะะฐะฒะธัะธะผะพััะธ
ะะฐะบะตัะพะฒ: 3
npm install motion clsx tailwind-merge