Framer Motion1 View Transition API (크로스도큐먼트, 공유요소, 플랫폼폴백) 페이지 전환 애니메이션에 Framer Motion이나 GSAP 같은 서드파티 라이브러리가 없으면 안 된다고 생각하셨습니까? 저도 그렇게 믿었습니다. 그런데 CSS 한 줄로 크로스도큐먼트 전환이 가능하다는 걸 직접 확인하고 나서 그 믿음이 완전히 흔들렸습니다. View Transition API, 쓰기 전과 후는 분명히 다릅니다.크로스도큐먼트 전환의 실체일반적으로 멀티페이지 앱에서 부드러운 페이지 전환을 구현하려면 JavaScript 라이브러리가 필수라고 알려져 있습니다. 제 경험상 이건 좀 다릅니다. CSS에 @view-transition { navigation: auto; } 한 줄만 추가하면 브라우저가 크로스페이드(cross-fade)를 자동으로 처리합니다. 여기서 크로스페이드란 현재 페이지가 서서히.. 2026. 5. 9. 이전 1 다음
