אנימציותProחדש
פרלקסה עם הסמן
תמונות מפוזרות על המסך זזות עם הסמן בעומקים שונים, כאילו הן תלויות בחלל. מסך פתיחה בולט לתיק עבודות.
התאמה
color
accentColor
highlightColor
מבוסס על Parallax Floating (MIT רישיון) · תנאי שימוש
מאפיינים
8 מאפיינים| מאפיין | סוג | ברירת מחדל | תיאור |
|---|---|---|---|
| children | ReactNode | — | פריטי FloatingElement עם תמונות או בלוקים. |
| sensitivity | number | 1 | עוצמת ההזזה. ערך שלילי מזיז את הפריטים נגד הסמן. |
| easingFactor | number | 0.05 | רכות ההדבקה: נמוך יותר רך יותר. |
| FloatingElement.depth | number | 1 | עומק של פריט: ככל שגבוה יותר, הוא זז יותר. |
| color | string | "#ffffff" | הצבע הראשי. הילדים קוראים אותו דרך var(--parallax-c1). |
| accentColor | string | "#737373" | הצבע השני. הילדים קוראים אותו דרך var(--parallax-c2). |
| highlightColor | string | "#e5e5e5" | צבע הדגשה בהיר. הילדים קוראים אותו דרך var(--parallax-c3). |
| className | string | — | מחלקות נוספות. |
תלויות
3 חבילות נדרשות
npm install motion clsx tailwind-merge