diff options
| author | Michael Hunteman <michael@huntm.net> | 2025-01-11 14:44:12 -0800 |
|---|---|---|
| committer | Michael Hunteman <michael@huntm.net> | 2025-01-11 14:44:12 -0800 |
| commit | 6aaefb2fb7179428b31e4781cfaff5b6067a78e8 (patch) | |
| tree | 2713d40e21ef601230351d092c1ac63875f85366 /client/src | |
| parent | d8d6298b267ae062834ca8310e870b4576fb17af (diff) | |
Crossfade
Diffstat (limited to 'client/src')
| -rw-r--r-- | client/src/components/Home.tsx | 4 |
1 files changed, 2 insertions, 2 deletions
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> |