קרן במסגרת

קרן זוהרת רצה סביב שולי הכרטיס. שימו אותה בתוך כל קופסה מעוגלת והמסגרת תתעורר לחיים.

התאמה

size50pxduration6.0sdelay0.0s

colorFrom

colorTo

borderWidth1pxinitialOffset0%

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

10 מאפיינים

מאפיין	סוג	ברירת מחדל	תיאור
size	number	`50`	אורך הקרן, בפיקסלים.
duration	number	`6`	זמן של סיבוב אחד, בשניות.
delay	number	`0`	היסט ההתחלה, בשניות.
colorFrom	string	`"#ffffff"`	צבע ראש הקרן.
colorTo	string	`"rgba(255,255,255,0.15)"`	צבע זנב הקרן.
borderWidth	number	`1`	עובי המסגרת, בפיקסלים.
reverse	boolean	`false`	הקרן רצה בכיוון ההפוך.
initialOffset	number	`0`	מאיזו נקודה במסגרת הקרן מתחילה, באחוזים.
transition	Transition	—	הגדרות מעבר Motion משלך.
className	string	—	מחלקות לקרן עצמה.

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

npm install motion clsx tailwind-merge