Animations & Motion
Z-Axis Tunnel
Infinity scroll effect where you scroll into the screen with 3D layers.
parallax3dtunnelscroll
Props
Customize the component with these props
| Property | Type | Default | Description |
|---|---|---|---|
images | string[] | [] | Array of image URLs |
layerCount | number | 5 | Number of layers |
backgroundColor | string | bg-black | Background color of the component |
perspective | string | perspective-[100px] | CSS perspective value |
containerHeight | string | h-[400vh] | Height of the container |
text | string | WARP | Text displayed |
textColor | string | text-white | Color of the text |
textSize | string | text-9xl | Size of the text |
zStartOffset | number | -100 | Starting Z offset |
zEnd | number | 100 | Ending Z position |
zStep | number | 50 | Z step between layers |
rotationMultiplier | number | 45 | Rotation multiplier |
className | string | Additional CSS classes |