[react] Framer Motion demo

꿀잼 리엑트 애니메이션 라이브러리 Framer Motion

https://www.framer.com/motion

개인적으로 애니메이션 잘 하고 싶은 욕심은 있는데
너무 어렵다는 생각이 컸다 ㅠ_ㅠ
CSS 키프레임 애니메이션도 머리아픔..

근데 framer motion.. 너무 재밌자나...?

설치방법

npm i framer-motion

사용방법

import { motion } from 'framer-motion';

<motion.div /> 

// styled-components

const div = styled(motion.div)``

애니메이션 제작을 원하는 태그에 motion 만 붙여주면 된다!

참고하면 좋을 블로그
https://velog.io/@forest0501/Framer-Motion%EC%9D%84-%EC%98%A4%EB%9E%9C%EB%A7%8C%EC%97%90-%EC%93%B8-%EB%95%8C-%EB%B3%B4%EB%8A%94-%EA%B0%84%EB%8B%A8%ED%95%9C-%ED%8F%AC%EC%8A%A4%ED%8A%B8