טיפות זכוכית

כמה טיפות זכוכית מתמזגות ונפרדות. הרקע נשבר דרכן, וטיפה אחת נמשכת אחרי הסמן.

התאמה

tint

background

stripeColor

size1.00smoothness0.50refraction0.60speed1.0

רכיב של Codearia · תנאי שימוש

10 מאפיינים

מאפיין	סוג	ברירת מחדל	תיאור
tint	string	`"#ffffff"`	גוון הזכוכית. לבן משאיר אותה שקופה.
background	string	`"#0a0a0a"`	צבע הרקע.
stripeColor	string	`"#737373"`	צבע הפסים שנראים דרך הזכוכית.
size	number	`1`	גודל הטיפות.
smoothness	number	`0.5`	כמה רך הטיפות מתמזגות.
refraction	number	`0.6`	עוצמת השבירה בזכוכית.
speed	number	`1`	מהירות. 0 עוצר את התנועה.
followPointer	boolean	`true`	טיפה אחת עוקבת אחרי הסמן.
children	ReactNode	—	תוכן מעל האפקט.
className	string	—	מחלקות לעוטף.

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

npm install ogl clsx tailwind-merge