효과에 대한 이름을 제대로 몰라서 질문을 드립니다.

효과에 대한 이름을 제대로 몰라서 질문을 드립니다.

QA

효과에 대한 이름을 제대로 몰라서 질문을 드립니다.

답변 3

본문

https://www.monogranofelicetti.it/en/ 

위 사이트 같이 이미지가 하나 박혀있고 거기에 이미지가 하나더 추가되서 스크롤 내리면 구름이 보이는데 해당 같은 효과를 머로 검색해야 할지를 모르겠어서 조언을 구해볼까 하고 글을 올려봅니다.

이 질문에 댓글 쓰기 :

답변 3

http://rwdb.kr/parallax_jquery30/?ckattempt=1

여기 공개된 조금더 단순한 형태의 js나 예제가 있습니다.

한번 확인해보세요.

패럴렉스 스크롤 입니다.

시간차를 두고 스크롤에 반응하도록 처리하는 기술 입니다.

 

예제 : https://toyfight.co/who/

좀 더 심도있는 예제 : https://www.beargrylls.com/

 

parallax는 시차라는 뜻으로 천문학에서 사용하는 용어입니다.

즉 멀리 있는 물체는 천천히 움직이고, 가까이 있는 물체는 빨리 움직이는 현상을 의미합니다.

이 현상을 이용하면 입체감, 실체감을 높여서 보다 인상적인 디자인을 할 수 있습니다.

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 19
© SIRSOFT
현재 페이지 제일 처음으로