From 6aaefb2fb7179428b31e4781cfaff5b6067a78e8 Mon Sep 17 00:00:00 2001
From: Michael Hunteman <michael@huntm.net>
Date: Sat, 11 Jan 2025 14:44:12 -0800
Subject: Crossfade
---
client/src/components/Home.tsx | 4 ++--
1 file changed, 2 insertions(+), 2 deletions(-)
(limited to 'client')
diff --git a/client/src/components/Home.tsx b/client/src/components/Home.tsx
index f31d219..8e84359 100644
--- a/client/src/components/Home.tsx
+++ b/client/src/components/Home.tsx
@@ -37,7 +37,7 @@ function Home() {
/>
)}
<div className="carousel">
- <AnimatePresence mode="wait">
+ <AnimatePresence mode="popLayout">
<motion.img
key={photos[currentIndex]}
src={photos[currentIndex]}
@@ -45,7 +45,7 @@ function Home() {
initial={{ opacity: 0 }}
animate={{ opacity: 1 }}
exit={{ opacity: 0 }}
- transition={{ duration: 1 }}
+ transition={{ duration: 2, ease: 'easeInOut' }}
/>
</AnimatePresence>
</div>
--
cgit v1.2.3