등장 애니메이션은 문제없이 줄 수 있는데 퇴장 애니메이션을 주는게 어렵다고 함.
Animate Presence는 이러한 문제를 해결하기 위한 기능
Framer motion 같은 경우에는
그냥 단순히 <motion.div> 태그 전에 <AnimatePresence>로 감싸주면 된다.
https://www.framer.com/motion/animate-presence/
AnimatePresence | Framer for Developers
Animate components when they're removed from the React tree.
www.framer.com
'개발' 카테고리의 다른 글
| Complex Animations with Framer Motion (0) | 2024.07.08 |
|---|---|
| CSS Animatable Properties (0) | 2024.07.08 |
| TypeScript와 React.FC (0) | 2024.07.07 |
| Web Accessibility (0) | 2024.07.04 |
| 상태(state)와 속성(props) (1) | 2024.06.07 |