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

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

QA

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

본문

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

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

이 질문에 댓글 쓰기 :

답변 3

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

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

한번 확인해보세요.

패럴렉스 스크롤 입니다.

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

 

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

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

 

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

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

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

답변을 작성하시기 전에 로그인 해주세요.
전체 19
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT