인터랙션 · 애니메이션

Framer의 강점은 움직임입니다. 코드 없이 부드러운 인터랙션을 만들 수 있어요.

기본 효과 (Effects)

요소에 바로 적용할 수 있는 간단한 효과들입니다.

• Hover — 마우스를 올리면 커지거나 색이 바뀜
• Appear — 화면에 나타날 때 페이드인·슬라이드
• Parallax — 스크롤에 따라 다른 속도로 움직임

스크롤 인터랙션

스크롤 위치에 따라 요소가 나타나거나 변형되게 합니다. 랜딩페이지의 “스크롤하면 펼쳐지는” 효과가 대표적입니다.

Variant 전환

컴포넌트의 Variant 사이를 연결하면 클릭·호버 시 상태가 부드럽게 전환됩니다. 토글, 아코디언, 탭 메뉴 등을 만들 수 있습니다.

다음 단계

CMS로 블로그 만들기