Special Elements
Coverflow
3D coverflow carousel with perspective transforms.
carouselcoverflow3dperspective
Props
Customize the component with these props
| Property | Type | Default | Description |
|---|---|---|---|
images | string[] | [url1, url2, url3] | Array of image URLs to display in the carousel. |
defaultActive | number | 1 | Initial active slide index. |
backgroundColor | string | transparent | Background color of the component (hex, rgb, or hsl). |
imageBorderColor | string | #ffffff | Border color of carousel images (hex, rgb, or hsl). |
imageBorderWidth | number | 4 | Border width of carousel images in pixels. |
imageShadowColor | string | rgba(0,0,0,0.5) | Shadow color of carousel images (hex, rgb, or hsl). |
activeScale | number | 1 | Scale of the active slide. |
inactiveScale | number | 0.8 | Scale of inactive slides. |
activeOpacity | number | 1 | Opacity of the active slide (0-1). |
inactiveOpacity | number | 0.5 | Opacity of inactive slides (0-1). |
rotationAngle | number | 45 | Rotation angle for inactive slides in degrees. |
offsetDistance | number | 40 | Horizontal offset distance between slides in pixels. |
height | string | 12rem | Height of carousel images (CSS value). |
width | string | 12rem | Width of carousel images (CSS value). |
borderRadius | string | 0.75rem | Border radius of carousel images (CSS value). |