본문 바로가기

개발

React Animate Presence

 

등장 애니메이션은 문제없이 줄 수 있는데 퇴장 애니메이션을 주는게 어렵다고 함.
 
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