이번 시간에는 페이지 전환할 때 전환되는 페이지가 날아오는 애니메이션을 주는 효과를 주는 방법을 배워보겠습니다.
화면 기록 2024-08-20 오후 5.54.54.mov
페이지 전환 시 다른 페이지가 화면에 날아오는 듯한 애니메이션 효과를 구현하려면, CSS 애니메이션과 @keyframes를 사용하여 전환되는 요소의 위치와 불투명도를 조정할 수 있습니다.
우리는 Section02 CSS에서 이미 @keyframes를 배웠습니다. 다시 복습하고 오시려면 Section02 CSS animation으로 돌아가, @keyframes 애니메이션의 기본 개념과 사용법을 확인해 보세요. 그 다음, 현재 학습 중인 내용을 이어서 진행해 주세요!