자바 스크립트 애니메이션이로드되기 전에 HTML 페이지를 숨기려고 시도합니다 (수퍼 신판)

Question

나는 당신의 생각을 알고 있습니다. 다시는 그렇지 않습니다. 브라우저 몸 & 다음의 내용을 모두 자바 스크립트 애니메이션 부하를로드 살펴 보 겠지만 http://mydesignfeti.sh/

:

여기에 내 사이트입니다. 내가 원하는 것은 콘텐츠로드를 미리 볼 필요없이 애니메이션을로드하는 것입니다. 상상력이 부족한 경우 페이지를 새로 고침하거나 왼쪽 상단의 로고를 클릭하여 페이지로드 방법을 확인하십시오.

javascript를 사용하여 컨테이너 div의 클래스 표시를 전환하려했지만 분명히 잘못하고있었습니다.

제안 사항? 답변? 웃음?
미리 감사드립니다.

Answer 1

html에서 컨테이너 div 속성 style="display: none;"을 설정하면 javascript 애니메이션이로드 될 때까지 html 요소가 숨겨집니다.

Answer 2

나는 어도비 에지가 어떻게 작동하는지 슈퍼 익숙하지 않은,하지만 기본적인 아이디어는 당신도 할 필요가 있습니다 :

1. 는 초기 HTML/CSS 애니메이션의 기본 상태와 일치합니다.

2. CSS을 사용하여 애니메이션 div를 처음에 숨기고 애니메이션에 두 번째 상태를 추가하여 화면에 다시 슬라이드하기 전에 모든 요소 (예 : display: block)를 표시합니다.