שובל על המסגרת

קטע אור קצר רץ סביב מסגרת הכרטיס. מתאים למצב טעינה.

התאמה

size60pxduration5.0s

color

tailColor

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

8 מאפיינים

מאפיין	סוג	ברירת מחדל	תיאור
size	number	`60`	אורך השובל הזוהר בפיקסלים.
duration	number	`5`	שניות להקפה.
transition	Transition	—	מעבר Motion משלכם. גובר על duration.
onAnimationComplete	() => void	—	נקרא אחרי ההקפה האחרונה כשהחזרה סופית.
style	CSSProperties	—	סגנונות השובל הזוהר.
color	string	`"#ffffff"`	צבע הראש הבהיר של השובל.
tailColor	string	`"#a3a3a3"`	הצבע שהשובל עובר בו לפני שהוא דועך.
className	string	—	מחלקות השובל, למשל גרדיאנט from-white/0 via-white.

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

npm install motion clsx tailwind-merge