미해결
반응형 웹사이트 포트폴리오(Architecture Agency)
선생님, 수업에는 나오지 않는 부분인데 궁금한게 있어서 질문드립니다.
안녕하세요 선생님!
먼저 선생님 강의를 잘듣고있는 학생입니다.
기본CSS부터 FLEX 그리고 포트폴리오강의까지 너무나 잘듣고 있습니다.^^
포트폴리오 강의에는 해당 내용이 없는것 같은데 제가 너무 궁금해서 질문드립니다.
요즘 웹페이지를 보면 흔하게 볼수 있더라구요.
페이지가 전환될때나 스크롤을 내리면서 컨텐츠가 보일때
페이드인 되면서 애니매이션이 작동하는 방식이요!
페이지가 전환될때도 페이드아웃되고요.
부드럽게 넘어가는게 고급스러운 느낌을 주더라구요 ^^;
(그래서 저도 써보고 싶어서 이리저리 검색해봤는데 며칠째 원하는 답을 찾지못했습니다.ㅜㅜ
그렇게 간단하지 않은것 같더라구요. DOM의 실행순서와 자바스크립트의 연관성이 있어보이던데...)
어떤 코드를 입력해야 구현이 가능한걸까요?
도움주시면 너무 감사하겠습니다!!
http://andneeds.co.kr/
(여기웹을 보시면 home에서 shop으로 넘어갈때 애니메이션이 발생합니다.
그리고 shop에서 아래로 스크롤을 하면 애니메이션이 또 발생합니다.)