טקסטProחדש

מורפינג טקסט

כשהמילה מתחלפת, האותיות המשותפות גולשות למקומן החדש והשאר נעלמות. נראה חי על כפתורים וכותרות.

התאמה

children

gradientFrom

gradientTo

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

8 מאפיינים

מאפיין	סוג	ברירת מחדל	תיאור
children	string	—	הטקסט הנוכחי. כשהוא משתנה, האותיות המשותפות זזות למקומן החדש.
as	React.ElementType	`"p"`	תגית ה-HTML של העוטף.
variants	Variants	—	וריאנטים משלכם לכניסה ויציאה של אותיות.
transition	Transition	—	קפיץ או משך משלכם לתזוזת האותיות.
gradientFrom	string	`"#ffffff"`	צבע האות הראשונה. הטקסט עובר בהדרגה לצבע סוף המעבר.
gradientTo	string	`"#d4d4d8"`	צבע האות האחרונה, סוף המעבר.
style	CSSProperties	—	סגנונות לעוטף.
className	string	—	מחלקות Tailwind לעוטף.

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

npm install motion clsx tailwind-merge