Framer Motion 애니메이션 라이브러리
·
React
애니메이션 라이브러리 Framer Motion demo api 설치 npm i framer-motion div에 animation을 적용하고 싶을 때 motion에 있는 html태그를 사용해줘야한다. import { motion } from "framer-motion"; export default function App() { return ( ); } styled-components에서 motion을 사용해야하는 경우 // 타입선언은 괄호 뒤에 한다. const Box = styled(motion.div)` .... `; background-color를 변경해야하는 경우 red, blue가 아닌 rgba 컬러를 사용해야한다. 기본 props initial - 애니메이션 적용하기 전 초기스타일 animat..