טקסטחדש
גל טקסט
כותרת מופיעה בגל: האותיות נכנסות אחת אחרי השנייה ויוצאות מטשטוש. CSS בלבד.
התאמה
gradientFrom
gradientTo
מבוסס על Wave Reveal (MIT רישיון) · תנאי שימוש
עוד ב-Pro
לכל הרכיביםמאפיינים
10 מאפיינים| מאפיין | סוג | ברירת מחדל | תיאור |
|---|---|---|---|
| text | string | — | טקסט הכותרת. |
| direction | 'up' | 'down' | "down" | מאיפה האותיות נכנסות. |
| mode | 'letter' | 'word' | "letter" | להופיע לפי אותיות או לפי מילים. |
| duration | string | "2000ms" | משך ההופעה, למשל 2000ms. |
| delay | number | 0 | השהיה לפני ההתחלה, במילישניות. |
| blur | boolean | true | האותיות יוצאות מטשטוש, כמו ב-WWDC. |
| letterClassName | string | — | מחלקות לכל אות או מילה. |
| className | string | — | מחלקות לעוטף. |
| gradientFrom | string | "#ffffff" | צבע האות הראשונה. הטקסט עובר בהדרגה לצבע סוף המעבר. |
| gradientTo | string | "#d4d4d8" | צבע האות האחרונה, סוף המעבר. |
תלויות
2 חבילות נדרשות
npm install clsx tailwind-merge