본문 바로가기

아카이브/JQUERY

마우스 위치를 이용한 페럴락스기법

디자인 참고를 위해서 awwward.com을 서핑하다 보면 고해상도 이미지에 페럴락스 기법을 이용한 웹사이트들을 많이 볼 수 있는데요.
플랫한 디자인에 고해상도 이미지를 사용해서 사이트가 가지고 있는 스토리를 보다 직관적이고 세련되게 표현 할 수 있는 좋은 방법이라고 생각합니다. 

 따라서 제이쿼리 플러그인를 통해서 간단하게 페럴락스 기법을 구현하는 방법을 소개하고자 합니다.  

준비물 
1. 제이쿼리 
2. 페럴락스 플러그인 https://github.com/stephband/jparallax 
3. 열정(?)

 



플러그인에 대한 자세항 사항은 http://stephen.band/jparallax/을 참조하세요 !