Complex Animations with Framer Motion

 

나는 사실 애니메이션 자체에 좀 회의적이긴 한데...

개인적으로 css 선에서 처리 안되는 애니메이션은 그냥 과한 애니메이션이라고 생각한다.

 

그 렇 지 만

 

이쁜건 이쁘긴 하니까...

 

https://www.youtube.com/watch?v=Ec03ndZle3Q

 

기본적인 것들 구현하는 정도로만 연습하다가 위 영상을 봤는데

결국 핵심은 await를 써서 animation을 묶어버릴 수 있다는 내용인듯.

컨셉을 까먹고 싶지 않아서 적어둔다.

 

쓸 일은 없겠지만...

 

 

 

animation 배우면서 react-spring, framer motion 실습을 진행했는데

확실히 거의 5배 이상? 다운로드 차이가 난다던데

framer motion이 깔끔하고 좋은 것 같다.

애니메이션 관련해서는 다른 라이브러리 안 봐도 될 것 같다.