Animations & Motion
Parallax Stack
Floating card stack with 3D parallax effect on hover.
3dtransformparallaxstackcards
Props
Customize the component with these props
| Property | Type | Default | Description |
|---|---|---|---|
images | string[] | [] | Array of image URLs for the stack |
layerCount | number | 3 | Number of layers in the stack |
backgroundColor | string | bg-neutral-900 | Background color of the component |
cardWidth | string | w-72 | Width of each card |
cardHeight | string | h-96 | Height of each card |
perspective | string | perspective-[2000px] | CSS perspective value for 3D effect |
springStiffness | number | 200 | Spring animation stiffness |
springDamping | number | 20 | Spring animation damping |
hoverRotateX | number | 40 | X-axis rotation on hover in degrees |
className | string | Additional CSS classes |