טקסט מתערבל

האותיות מתחלפות בתווים אקראיים ומסתדרות למילה. האפקט חוזר במעבר עכבר.

התאמה

childrenduration800msdelay0ms

gradientFrom

gradientTo

scrambleColor

מבוסס על Hyper Text (MIT רישיון) · תנאי שימוש

11 מאפיינים

מאפיין	סוג	ברירת מחדל	תיאור
children	string	`"CODEARIA"`	הטקסט שמתערבב וחוזר למקומו.
duration	number	`800`	משך הערבוב במילישניות.
delay	number	`0`	השהיה לפני ההפעלה הראשונה, במילישניות.
animateOnHover	boolean	`true`	להפעיל את האפקט שוב במעבר עכבר.
startOnView	boolean	`false`	לחכות עד שהטקסט מופיע במסך.
as	'div' \| 'h1' \| 'h2' \| 'h3' \| 'p' \| 'span' \| ...	`"div"`	תגית ה-HTML של העוטף.
characterSet	string[]	—	התווים שמשמשים לערבוב. ברירת המחדל: A–Z לטיניות.
className	string	—	מחלקות Tailwind לעוטף.
gradientFrom	string	`"#ffffff"`	צבע האות הראשונה. הטקסט עובר בהדרגה לצבע סוף המעבר.
gradientTo	string	`"#d4d4d8"`	צבע האות האחרונה, סוף המעבר.
scrambleColor	string	`"#a1a1aa"`	צבע האותיות שעדיין מתערבבות.

3 חבילות נדרשות

npm install motion clsx tailwind-merge