인터랙션과 애니메이션 추가하기
Framer의 인터랙션 기능으로 호버, 클릭, 스크롤 애니메이션을 코딩 없이 구현합니다.
같은 일을 더 자세히 다룬 글: AI 애니메이션 & CMS로 프로 웹사이트 만들기따라 하기
1단계
Hover 인터랙션 추가
- 1요소를 선택하고 오른쪽 패널 Interactions 탭을 클릭합니다.
- 2+ Add Interaction›Hover›원하는 변화(크기, 색상, 위치)를 설정합니다.
framer.com
누를 위치 요소 선택›Interactions 탭›Hover›변화 설정›미리보기
팁 Transition 설정으로 인터랙션 속도와 가속도를 세밀하게 조정할 수 있어요.