09 / 모션 / 직접 만든 예시

가려진 제목이 드러나는 효과 · Mask reveal

가림막의 경계를 이동시켜 글자나 이미지를 점차 드러내는 효과

새로운 시야를 열다

이렇게 말해보세요

[제목]에 왼쪽에서 오른쪽으로 열리는 mask reveal을 적용해줘. CSS clip-path로 700ms 동안 가림 영역을 줄이고 글자 자체는 움직이지 않게 해줘. 모션 감소 시 완성 상태로 보여줘.

페이드와 달리 글자의 선명도는 유지하면서 보이는 영역을 바꿉니다. “커튼이 열리듯”이라는 시각적 요구를 구현 기법으로 연결합니다.