유튜브블로그Top 10
내 프로필

데브허브 안내
소개업데이트 소식

데브허브 커뮤니티

Complex Animations Shouldn't be SO Hard | Framer Motion + useAnimate

rithmic

2024. 3. 29.

0

#frontend
  • 프레임 모션은 선언적 방식으로 애니메이션을 만드는 것을 강력하게 가능하게 합니다 🎉
  • useAnimate는 복잡한 애니메이션을 만들기 위해 Frame Motion을 사용하여 단계적 애니메이션 효과를 추가할 수 있도록 합니다 ⚙️
  • 이 튜토리얼에서는 마우스 커서가 SVG 이미지를 사용하여 버튼 위로 움직이고, 버튼 클릭과 밝기 변화를 포함한 여러 애니메이션을 만들어 보기합니다 🎯
  • 애니메이션을 만들려면, useAnimate, useInView, useEffect와 같은 Frame Motion 기능을 사용합니다 🧰

Recommanded Videos