PARALLAX CARD
Status of Liberty
New York City, USA
Installation
Props
| Prop | Type | Default | Description |
|---|---|---|---|
layers | Layer[] | Statue of Liberty | Array of layer objects for the parallax effect |
maxOffsetX | number | 400 | Maximum horizontal offset for the parallax effect |
maxOffsetY | number | 2000 | Maximum vertical offset for the parallax effect |
className | string | "" | Additional CSS class names for the container |
Layer Props
| Prop | Type | Default | Description |
|---|---|---|---|
type | 'backgroundImage' | 'heading' | 'subheading' | 'foregroundImage' | - | Type of layer |
src | string | - | Image source URL (for image layers) |
alt | string | - | Image alt text (for image layers) |
content | React.ReactNode | - | Content to display (for text layers) |
depth | number | - | Parallax depth factor (0-1) |
className | string | - | Additional CSS class names for the layer |