Cinematic Hero
Seamless layout transition lightbox with cinematic hero view.
lightboxcinematicherotransition
Props
Customize the component with these props
| Property | Type | Default | Description |
|---|---|---|---|
image | string | https://images.unsplash.com/photo-1492633423870-43d1cd2775eb?q=80&w=2000&auto=format&fit=crop | Main image source URL. |
thumbnailImage | string | Optional thumbnail image URL (uses main image if not provided). | |
backgroundColor | string | #09090b | Background color (hex, rgb, or hsl). |
hoverText | string | Open Cinematic View | Text displayed on thumbnail hover. |
title | string | Mountain Solitude | Title text displayed in lightbox. |
description | string | Captured during the golden hour in the Alps. The silence was deafening, the air crisp. | Description text displayed in lightbox. |