Slow fade-in for heritage image
Extended the first image fade-in animation duration to 4s, added a subtle scale effect, and adjusted transform targets for both visible and hidden states to create a slower, smoother entrance. X-Lovable-Edit-ID: edt-8275d954-1f3f-4a2e-8939-29fe700dfc1c
This commit is contained in:
@@ -61,10 +61,10 @@ const HeritageSection = () => {
|
|||||||
{/* Heritage Hero */}
|
{/* Heritage Hero */}
|
||||||
<div
|
<div
|
||||||
ref={heroRef}
|
ref={heroRef}
|
||||||
className={`transition-all duration-[2500ms] ease-out ${
|
className={`transition-all duration-[4000ms] ease-out ${
|
||||||
heroVisible
|
heroVisible
|
||||||
? "opacity-100 translate-y-0"
|
? "opacity-100 translate-y-0 scale-100"
|
||||||
: "opacity-0 translate-y-16"
|
: "opacity-0 translate-y-24 scale-95"
|
||||||
}`}
|
}`}
|
||||||
>
|
>
|
||||||
{/* Image */}
|
{/* Image */}
|
||||||
|
|||||||
Reference in New Issue
Block a user