שומר מסך

אלמנט עף בתוך קופסה וקופץ מהקירות, כמו לוגו ה-DVD הישן.

התאמה

speed3.0startAngle45°

color

accentColor

highlightColor

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

9 מאפיינים

מאפיין	סוג	ברירת מחדל	תיאור
speed	number	`3`	מהירות, בפיקסלים לפריים.
startAngle	number	`45`	כיוון ההתחלה, במעלות.
startPosition	{ x: number; y: number }	`"{ x: 0, y: 0 }"`	נקודת ההתחלה באחוזים מהמכל.
containerRef	RefObject<HTMLElement \| null>	—	הפניה לקופסה שהאלמנט קופץ מהקירות שלה.
children	ReactNode	—	מה שעף: לוגו, תמונה, תגית.
color	string	`"#ffffff"`	הצבע הראשי. הילדים קוראים אותו דרך var(--screensaver-c1).
accentColor	string	`"#a3a3a3"`	הצבע השני. הילדים קוראים אותו דרך var(--screensaver-c2).
highlightColor	string	`"#ffffff"`	צבע הדגשה בהיר. הילדים קוראים אותו דרך var(--screensaver-c3).
className	string	—	מחלקות לאלמנט המעופף.

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

npm install motion clsx tailwind-merge