Animations & Motion
Elastic Hovers
Physics-based vertical stretch on character hover with spring animation.
textanimationelasticphysicshover
Props
Customize the component with these props
| Property | Type | Default | Description |
|---|---|---|---|
text | string | Elastic Physics | Text to display |
backgroundColor | string | bg-zinc-950 | Background color of the component |
textSize | string | text-8xl | Size of the text |
fontWeight | string | font-thin | Font weight of the text |
defaultColor | string | #e4e4e7 | Default color of the text |
hoverColor | string | #fff | Color on hover |
defaultScale | number | 1 | Default vertical scale |
hoverScale | number | 1.5 | Vertical scale on hover |
springStiffness | number | 200 | Spring animation stiffness |
springDamping | number | 10 | Spring animation damping |
springMass | number | 0.5 | Spring animation mass |
hoverShadow | string | 0 0 20px rgba(255,255,255,0.5) | Text shadow on hover |
className | string | Additional CSS classes |