애니메이션 콘텐츠 숨기기 및 표시: 전환 효과가 포함된 HTML 페이지 만들기

Question

페이지 넘기기 애니메이션을 사용하여 책 형태로 콘텐츠를 표시하는 웹사이트를 만들려고 합니다. 각 "페이지"의 콘텐츠에 대해 애니메이션을 적용할 수 있는 다양한 SVG 이미지가 있습니다. 이 작업을 수행하는 방법을 잘 모르겠습니다.

기본적으로 각 "페이지"마다 html 파일을 만들지 않고도 내가 원하는 방식으로 콘텐츠를 표시하고 숨길 수 있는 방법이 있나요? 순서가 약간 중요합니다. Google이 내 사이트를 임의의 위치에 연결하는 것을 원하지 않습니다. 감사해요!

회전식 슬라이드쇼를 생각하고 있었는데 슬라이드쇼가 전체 페이지이고 애니메이션 콘텐츠와 애니메이션 전환을 지원하고 그 안에 텍스트가 포함되어 있습니다. 저는 프론트엔드 개발에 비교적 익숙하지 않기 때문에 그것을 본다면 답을 알 수 없을 것입니다. 잘못된 포럼이라면 죄송합니다.

Answer 1

예, 각 "페이지"에 대한 html 파일을 만들지 않고도 요구 사항에 따라 콘텐츠를 표시하고 숨기는 것이 완전히 가능합니다.

웹 페이지에는 클릭, 마우스 오버, 마우스 이동, 스크롤 등과 같은 많은 이벤트가 있습니다. 원하는 경우 이러한 이벤트를 사용하고 JavaScript를 사용하여 이벤트 리스너를 추가하여 동일한 HTML 페이지 내에서 콘텐츠를 숨기거나 표시할 수 있습니다. 나는 이것이 애니메이션 콘텐츠에도 적용된다고 확신합니다.