ะขะตะบัั‚Proะะพะฒะพะต

ะŸะตั€ะตัั‚ั€ะพะนะบะฐ ัะปะพะฒะฐ

ะŸั€ะธ ัะผะตะฝะต ัะปะพะฒะฐ ะพะดะธะฝะฐะบะพะฒั‹ะต ะฑัƒะบะฒั‹ ะฟะปะฐะฒะฝะพ ะฟะตั€ะตะตะทะถะฐัŽั‚ ะฝะฐ ะฝะพะฒั‹ะต ะผะตัั‚ะฐ, ะฐ ะปะธัˆะฝะธะต ั‚ะฐัŽั‚. ะ–ะธะฒะพ ัะผะพั‚ั€ะธั‚ัั ะฝะฐ ะบะฝะพะฟะบะฐั… ะธ ะทะฐะณะพะปะพะฒะบะฐั….

ะะฐัั‚ั€ะพะนะบะธ

gradientFrom
gradientTo

ะžัะฝะพะฒะฐะฝะพ ะฝะฐ Text Morph (MIT ะปะธั†ะตะฝะทะธั) ยท ะฃัะปะพะฒะธั ะธัะฟะพะปัŒะทะพะฒะฐะฝะธั

ะŸะฐั€ะฐะผะตั‚ั€ั‹

8 ะฟะฐั€ะฐะผะตั‚ั€ะพะฒ
ะŸะฐั€ะฐะผะตั‚ั€ะขะธะฟะŸะพ ัƒะผะพะปั‡ะฐะฝะธัŽะžะฟะธัะฐะฝะธะต
childrenstringโ€”ะขะตะบัƒั‰ะธะน ั‚ะตะบัั‚. ะšะพะณะดะฐ ะพะฝ ะผะตะฝัะตั‚ัั, ะพะฑั‰ะธะต ะฑัƒะบะฒั‹ ะฟะตั€ะตะตะทะถะฐัŽั‚ ะฝะฐ ะฝะพะฒั‹ะต ะผะตัั‚ะฐ.
asReact.ElementType"p"HTML-ั‚ะตะณ ะพะฑั‘ั€ั‚ะบะธ.
variantsVariantsโ€”ะกะฒะพะธ ะฒะฐั€ะธะฐะฝั‚ั‹ ะฟะพัะฒะปะตะฝะธั ะธ ัƒั…ะพะดะฐ ะฑัƒะบะฒ.
transitionTransitionโ€”ะกะฒะพั ะฟั€ัƒะถะธะฝะฐ ะธะปะธ ะดะปะธั‚ะตะปัŒะฝะพัั‚ัŒ ะดะปั ะฟะตั€ะตะผะตั‰ะตะฝะธั ะฑัƒะบะฒ.
gradientFromstring"#ffffff"ะฆะฒะตั‚ ะฟะตั€ะฒะพะน ะฑัƒะบะฒั‹. ะขะตะบัั‚ ะฟะปะฐะฒะฝะพ ะฟะตั€ะตั…ะพะดะธั‚ ะฒ ั†ะฒะตั‚ ะบะพะฝั†ะฐ ะณั€ะฐะดะธะตะฝั‚ะฐ.
gradientTostring"#d4d4d8"ะฆะฒะตั‚ ะฟะพัะปะตะดะฝะตะน ะฑัƒะบะฒั‹, ะบะพะฝะตั† ะณั€ะฐะดะธะตะฝั‚ะฐ.
styleCSSPropertiesโ€”ะกั‚ะธะปะธ ะพะฑั‘ั€ั‚ะบะธ.
classNamestringโ€”ะšะปะฐััั‹ Tailwind ะดะปั ะพะฑั‘ั€ั‚ะบะธ.

ะ—ะฐะฒะธัะธะผะพัั‚ะธ

ะŸะฐะบะตั‚ะพะฒ: 3

npm install motion clsx tailwind-merge

ะŸะพั…ะพะถะธะต ะบะพะผะฟะพะฝะตะฝั‚ั‹

ะกะผะพั‚ั€ะตั‚ัŒ ะฒัะต