11 / 모션 / 직접 만든 예시

스크롤할 때 한 번 등장 · Scroll reveal

스크롤 중 요소가 화면에 들어왔을 때 등장시키는 패턴. 스크롤 위치와 효과가 계속 연동되는 방식과는 다름

이 영역을 아래로 스크롤하세요 ↓

SCROLL REVEAL화면에 들어왔어요

다시 내려와도 반복하지 않습니다.

이렇게 말해보세요

[콘텐츠 카드]가 화면에 30% 들어오면 한 번만 나타나는 scroll reveal을 만들어줘. Intersection Observer로 감지하고 16px 이동과 페이드인만 써줘. 모션 감소 시 항상 보이게 해줘.

스크롤에 따른 등장 시점과 재생 횟수를 정해줍니다. 패럴랙스나 스크롤에 계속 매달리는 모션을 원치 않을 때 구분해서 요청할 수 있습니다.