ื˜ืงืกื˜ื—ื“ืฉ

ื˜ืงืกื˜ ืžืชืคื•ืฆืฅ

ื”ื˜ืงืกื˜ ืžืชื›ื•ื•ืฅ, ืจื•ืขื“ ื•ืžืชืคื•ืฆืฅ ืœืื•ืชื™ื•ืช ื›ืžื• ื”ืืคืงื˜ ื‘-iMessage, ื•ืื– ืžืชืื—ื“ ื‘ื—ื–ืจื”.

ื”ืชืืžื”

gradientFrom
gradientTo

ืžื‘ื•ืกืก ืขืœ Text Explode iMessage (MIT ืจื™ืฉื™ื•ืŸ) ยท ืชื ืื™ ืฉื™ืžื•ืฉ

ืžืืคื™ื™ื ื™ื

5 ืžืืคื™ื™ื ื™ื
ืžืืคื™ื™ืŸืกื•ื’ื‘ืจื™ืจืช ืžื—ื“ืœืชื™ืื•ืจ
textstringโ€”ื”ื˜ืงืกื˜ ืฉืžืชืคื•ืฆืฅ.
mode'loop' | 'hover'"loop"ืœื—ื–ื•ืจ ื‘ืœื•ืœืื” ืื• ืœื”ืชืคื•ืฆืฅ ื‘ืจื™ื—ื•ืฃ.
classNamestringโ€”ืžื—ืœืงื•ืช ืœืขื•ื˜ืฃ.
gradientFromstring"#ffffff"ืฆื‘ืข ื”ืื•ืช ื”ืจืืฉื•ื ื”. ื”ื˜ืงืกื˜ ืขื•ื‘ืจ ื‘ื”ื“ืจื’ื” ืœืฆื‘ืข ืกื•ืฃ ื”ืžืขื‘ืจ.
gradientTostring"#d4d4d8"ืฆื‘ืข ื”ืื•ืช ื”ืื—ืจื•ื ื”, ืกื•ืฃ ื”ืžืขื‘ืจ.

ืชืœื•ื™ื•ืช

3 ื—ื‘ื™ืœื•ืช ื ื“ืจืฉื•ืช

npm install motion clsx tailwind-merge

ืจื›ื™ื‘ื™ื ื“ื•ืžื™ื

ืœื›ืœ ื”ืจื›ื™ื‘ื™ื